import { type NextPage } from "next"; import Head from "next/head"; import { Button } from "../components/Button"; import { useCreateTodolistMutation, useLogoutMutation, useTodolistsQuery, } from "../services/hooks"; import { Loader } from "../components/loader"; import { Input } from "../components/Input"; import type { ChangeEvent } from "react"; import { useState } from "react"; import Todolist from "../components/todolist"; const Home: NextPage = () => { const [newTodolistTitle, setNewTodolistTitle] = useState(""); const { mutate: logout } = useLogoutMutation(); const { data: todolists, isLoading: isTodolistsLoading } = useTodolistsQuery(); const handleLogout = () => { logout(); }; const { mutateAsync: createTodolist } = useCreateTodolistMutation(); const handleAddTodolist = () => { createTodolist(newTodolistTitle).then((res) => { if (res.data.resultCode === 0) setNewTodolistTitle(""); }); }; const handleNewTodolistTitleChange = (e: ChangeEvent) => { setNewTodolistTitle(e.target.value); }; if (isTodolistsLoading) return (
); return ( <> Todolist

Todolist

{todolists?.map((todolist) => { return ; })}
); }; export default Home;