Refactor input word

.vscode/tasks.json

@@ -0,0 +1,24 @@
+
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=733558
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    // {
+    //   "label": "dev npm",
+    //   "type": "npm",
+    //     "script": "dev",
+    //     "runOptions": {
+    //       "runOn": "folderOpen"
+    //     },
+
+    // }, 
+    {
+      "label": "dev shell",
+      "type": "shell",
+      "command": "npm run dev",
+      "runOptions": {
+        "runOn": "folderOpen"}
+    }
+  ]
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my-project",
+  "name": "dico",
   "version": "0.1.0",
   "private": true,
   "scripts": {

src/components/Main.tsx

@@ -24,7 +24,8 @@ export default function Main() {
   //! Memoize the toast
   const toasty = new Toasts(toast);
   const handleInputWord = (e: React.ChangeEvent<HTMLInputElement>) => {
-    return setWord(e.target.value);
+    const wordFormatted = e.target.value.trim().toLowerCase();
+    return setWord(wordFormatted);
   };
   function handleSubmission(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault();
@@ -35,7 +36,7 @@ export default function Main() {
       setWord("");
       return;
     }
-    setSearch(word.trim().toLowerCase());
+    setSearch(word);
   }
   return (
     <>

src/hooks/useSearch.ts

@@ -23,11 +23,9 @@ export function useSearchWord() {
       setIsLoading(true);
 
       // Check if word is in local storage
-      const isWord = LocalStorageCache.hasItem(word.trim().toLocaleLowerCase());
+      const isWord = LocalStorageCache.hasItem(word);
       if (isWord) {
-        const localTrad = LocalStorageCache.getItem(
-          word.trim().toLocaleLowerCase()
-        );
+        const localTrad = LocalStorageCache.getItem(word);
         setTranslations(localTrad);
         setIsTranslations(true);
         setIsLoading(false);
@@ -43,7 +41,7 @@ export function useSearchWord() {
           setIsLoading(false);
           setWord("");
           if (error.statusCode === 404) {
-           toasty.error("❌ Mot introuvable dans le dictionnaire.");
+            toasty.error("❌ Mot introuvable dans le dictionnaire.");
             return;
           }
           toasty.unknown();