Untitled

    const moveNoteRight = (event) => {
        event.preventDefault();
        const targetId = +event.target.id;
        const todoToUpdate = todos.find((todo) => todo.id === targetId);
        const newStatus = todoToUpdate.status + 1;
        const updatedTodo = { ...todoToUpdate, status: newStatus };
        todoService
            .update(updatedTodo.id, updatedTodo)
            .then((response) => {
                setTodos(
                    [...todos].map((todo) =>
                        todo.id !== updatedTodo.id ? todo : updatedTodo
                    )
                );
                showToast("👍 Success");
            })
            .catch((error) => {
                console.log("error", error);
                showToast("👎  Failed");
            });
    };

    const moveNoteLeft = (event) => {
        event.preventDefault();
        const targetId = +event.target.id;
        const todoToUpdate = todos.find((todo) => todo.id === targetId);
        const newStatus = todoToUpdate.status - 1;
        const updatedTodo = { ...todoToUpdate, status: newStatus };
        todoService
            .update(updatedTodo.id, updatedTodo)
            .then((response) => {
                setTodos(
                    [...todos].map((todo) =>
                        todo.id !== updatedTodo.id ? todo : updatedTodo
                    )
                );
                showToast("👍 Success");
            })
            .catch((error) => {
                console.log("error", error);
                showToast("👎  Failed");
            });
    };