lint and format

src/pages/_app.tsx

@@ -1,11 +1,11 @@
-import "../styles/globals.css";
+import "../styles/globals.css"
 
-import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
-import { type AppType } from "next/dist/shared/lib/utils";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query"
+import type { AppType } from "next/dist/shared/lib/utils"
 
-import { AuthRedirect } from "@/components";
+import { AuthRedirect } from "@/components"
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient()
 
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
@@ -14,7 +14,7 @@ const MyApp: AppType = ({ Component, pageProps }) => {
         <Component {...pageProps} />
       </AuthRedirect>
     </QueryClientProvider>
-  );
-};
+  )
+}
 
-export default MyApp;
+export default MyApp

src/pages/index.tsx

@@ -1,39 +1,38 @@
-import type { ChangeEvent, FormEvent } from "react";
-import { useState } from "react";
+import type { ChangeEvent, FormEvent } from "react"
+import { useState } from "react"
 
-import { type NextPage } from "next";
-import Head from "next/head";
+import type { NextPage } from "next"
+import Head from "next/head"
 
-import { Todolist, Button, FullscreenLoader, Input } from "@/components";
+import { Todolist, Button, FullscreenLoader, Input } from "@/components"
 import {
   useCreateTodolistMutation,
   useLogoutMutation,
   useTodolistsQuery,
-} from "@/services";
+} from "@/services"
 
 const Home: NextPage = () => {
-  const [newTodolistTitle, setNewTodolistTitle] = useState("");
-  const { mutate: logout } = useLogoutMutation();
-  const { data: todolists, isLoading: isTodolistsLoading } =
-    useTodolistsQuery();
+  const [newTodolistTitle, setNewTodolistTitle] = useState("")
+  const { mutate: logout } = useLogoutMutation()
+  const { data: todolists, isLoading: isTodolistsLoading } = useTodolistsQuery()
 
   const handleLogout = () => {
-    logout();
-  };
+    logout()
+  }
 
-  const { mutate: createTodolist } = useCreateTodolistMutation();
+  const { mutate: createTodolist } = useCreateTodolistMutation()
 
   const handleAddTodolist = (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    createTodolist({ title: newTodolistTitle });
-    setNewTodolistTitle("");
-  };
+    e.preventDefault()
+    createTodolist({ title: newTodolistTitle })
+    setNewTodolistTitle("")
+  }
 
   const handleNewTodolistTitleChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setNewTodolistTitle(e.target.value);
-  };
+    setNewTodolistTitle(e.target.value)
+  }
 
-  if (isTodolistsLoading) return <FullscreenLoader />;
+  if (isTodolistsLoading) return <FullscreenLoader />
 
   return (
     <>
@@ -59,12 +58,12 @@ const Home: NextPage = () => {
         </form>
         <div className={"flex flex-wrap gap-4"}>
           {todolists?.map((todolist) => {
-            return <Todolist todolist={todolist} key={todolist.id} />;
+            return <Todolist todolist={todolist} key={todolist.id} />
           })}
         </div>
       </main>
     </>
-  );
-};
+  )
+}
 
-export default Home;
+export default Home

src/pages/login.tsx

@@ -1,37 +1,37 @@
-import type { ChangeEvent } from "react";
-import React, { useState } from "react";
+import type { ChangeEvent } from "react"
+import React, { useState } from "react"
 
-import type { NextPage } from "next";
+import type { NextPage } from "next"
 
-import { Button, Input } from "@/components";
-import { useLoginMutation } from "@/services";
+import { Button, Input } from "@/components"
+import { useLoginMutation } from "@/services"
 
 const Login: NextPage = () => {
-  const { mutate: login } = useLoginMutation();
+  const { mutate: login } = useLoginMutation()
 
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [remember, setRemember] = useState(true);
+  const [email, setEmail] = useState("")
+  const [password, setPassword] = useState("")
+  const [remember, setRemember] = useState(true)
 
   const handlePasswordChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setPassword(e.target.value);
-  };
+    setPassword(e.target.value)
+  }
 
   const handleEmailChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setEmail(e.target.value);
-  };
+    setEmail(e.target.value)
+  }
 
   const handleRememberChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setRemember(e.target.checked);
-  };
+    setRemember(e.target.checked)
+  }
 
   const handleSubmit = () => {
     login({
       email,
       password,
       rememberMe: remember,
-    });
-  };
+    })
+  }
 
   return (
     <div className={"flex h-screen items-center justify-center"}>
@@ -63,7 +63,7 @@ const Login: NextPage = () => {
         </Button>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default Login;
+export default Login

src/pages/sign-up.tsx

@@ -1,21 +1,21 @@
-import type { FormEvent } from "react";
-import React from "react";
+import type { FormEvent } from "react"
+import React from "react"
 
-import type { NextPage } from "next";
+import type { NextPage } from "next"
 
-import { Button, Input } from "@/components";
-import { useSignUpMutation } from "@/services";
+import { Button, Input } from "@/components"
+import { useSignUpMutation } from "@/services"
 
 const Login: NextPage = () => {
-  const { mutate: signUp } = useSignUpMutation();
+  const { mutate: signUp } = useSignUpMutation()
 
   const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
+    e.preventDefault()
+    const formData = new FormData(e.currentTarget)
 
-    const values = Object.fromEntries(formData) as any;
-    signUp(values);
-  };
+    const values = Object.fromEntries(formData) as any
+    signUp(values)
+  }
 
   return (
     <div className={"flex h-screen items-center justify-center"}>
@@ -43,7 +43,7 @@ const Login: NextPage = () => {
         </Button>
       </form>
     </div>
-  );
-};
+  )
+}
 
-export default Login;
+export default Login