focus after add todo

mate-academy · Nov 30, 2024 · 81d8fc5 · 81d8fc5
1 parent e1f9607
commit 81d8fc5
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/App.tsx b/src/App.tsx
@@ -79,7 +79,6 @@ export const App: React.FC = () => {
       setTodos(prevTodos => [...prevTodos, newTodo]);
       setTempTodo(null);
       setError('');
-      inputRef.current?.focus();
     } catch {
       setError('Unable to add a todo');
       setTempTodo(null);
@@ -90,6 +89,10 @@ export const App: React.FC = () => {
     }
   };
 
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, [todos]);
+
   const handleDeleteTodo = async (todoId: number) => {
     sethaveId(prev => [...prev, todoId]);
     try {
@@ -128,6 +131,7 @@ export const App: React.FC = () => {
       setError('Unable to delete completed todos');
     } finally {
       sethaveId([]);
+      inputRef.current?.focus();
     }
   };