Remove logs

src/components/TodoApp/Todo.tsx

@@ -30,6 +30,11 @@ export const Todo = memo((props: TodoProps) => {
     const { className, todo, onToggleTodo, onDeleteTodo, onUpdateTodoText } = props;
 
     const [text, setText] = useState(todo.text);
+
+    useEffect(() => {
+        setText(todo.text);
+    }, [todo.text]);
+
     const [isEditing, setIsEditing] = useState(false);
 
     const onEditButtonClick = useEvent(() => {
@@ -43,10 +48,6 @@ export const Todo = memo((props: TodoProps) => {
 
     const { classes, cx } = useStyles({ isEditing });
 
-    useEffect(() => {
-        setText(todo.text);
-    }, [todo.text]);
-
     return (
         <div className={cx(classes.root, className)}>
             <Checkbox checked={todo.isDone} onChange={() => onToggleTodo()} />

src/components/TodoApp/TodoApp.tsx

@@ -14,30 +14,10 @@ type Props = {
 };
 
 export function TodoApp(props: Props) {
-    const { className, todos } = props;
+    const { className, todos, onAddTodo, onDeleteTodo, onToggleTodo, onUpdateTodoText } = props;
 
     const { classes, cx } = useStyles();
 
-    const onAddTodo = (text: string) => {
-        console.log(`Adding todo with text: ${text}`);
-        props.onAddTodo(text);
-    };
-
-    const onUpdateTodoText = (id: string, text: string) => {
-        console.log(`Updating todo with id: ${id} and text: ${text}`);
-        props.onUpdateTodoText(id, text);
-    };
-
-    const onToggleTodo = (id: string) => {
-        console.log(`Toggling todo with id: ${id}`);
-        props.onToggleTodo(id);
-    };
-
-    const onDeleteTodo = (id: string) => {
-        console.log(`Deleting todo with id: ${id}`);
-        props.onDeleteTodo(id);
-    };
-
     /*
 
     Example: