fix bug with delete list not resetting input focus

avidrucker · Nov 8, 2023 · 0eb114b · 0eb114b
1 parent 691b681
commit 0eb114b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/App.js b/src/App.js
@@ -134,6 +134,13 @@ function App() {
     // eslint-disable-next-line
   }, [isPrioritizing])
 
+  // focusing on the input after deleting the list
+  useEffect(() => {
+    if (!showingDeleteModal && tasks.length === 0) {
+      inputRef.current.focus();
+    }
+  }, [showingDeleteModal, tasks.length]);
+
   const saveTasksToLocal = (tasks) => {
     saveToLocalStorage('tasks', tasks);
   };
@@ -194,9 +201,6 @@ function App() {
     handleListChange(updatedTasks);
     setErrMsg("");
     setShowingDeleteModal(false);
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
   };
 
   const handleNoUI = () => {