fix: item selections

The selected item shouldn't be selected when the dir changes.
Mersho · Sep 25, 2024 · fb973ea · fb973ea
1 parent f7ee7f1
commit fb973ea
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/FileBox/src/App.tsx b/FileBox/src/App.tsx
@@ -34,10 +34,15 @@ function Item({ name, onCheckChange, modifiedDate, icon, size, onDoubleClick }:
   const [isChecked, setIsChecked] = useState(false)
 
   function handleChange(checked?: boolean) {
-    setIsChecked(checked ?? !isChecked)
-    onCheckChange(checked ?? !isChecked)
+    const newCheckedState = checked ?? !isChecked
+    setIsChecked(newCheckedState)
+    onCheckChange(newCheckedState)
   }
 
+  useEffect(() => {
+    setIsChecked(false)
+  }, [name])
+
   return (
     <div
       className="relative w-32 lg:w-40 p-4 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 dark:bg-gray-700"