fix: If the word is already in the Wortschatz move it to first position

Author: idosius

src/app/components/WordForm.tsx

@@ -20,7 +20,7 @@ export default function WordForm({ onAddWordAction }: WordFormProps) {
       <Input
         className="px-4"
         name="word"
-        placeholder="Deutsches Wort eingeben"
+        placeholder="Deutsches Wort eingeben, z.B. Brief"
         required
       />
       <Button className="px-4 py-2" type="submit">

src/app/components/Wortilizer.tsx

@@ -37,11 +37,21 @@ export default function Wortilizer() {
       return
     }
 
-    if (wortschatz.find((wortschatzEntry) => wortschatzEntry.word === word)) {
-      console.error('Word exists in vocabulary')
+    // If a word is already in the vocab, move it to first position
+    const foundWortschatzEntry = wortschatz.find(
+      (wortschatzEntry) => wortschatzEntry.word === word
+    )
+    if (foundWortschatzEntry) {
+      saveWortschatz((prevWortschatz) => {
+        const restPrevWortschatz = prevWortschatz.filter(
+          (wortschatzEntry) => wortschatzEntry.word !== word
+        )
+        return [foundWortschatzEntry, ...restPrevWortschatz]
+      })
       return
     }
 
+    // All good, just add the word
     const wortschatzEntry: WortschatzEntry = {
       word,
       article,