log out

src/pages/index.tsx

@@ -1,9 +1,12 @@
 import CircularProgress from '@mui/material/CircularProgress'
 import { useUser } from '@/utils/useUser'
 import Alert from '@mui/material/Alert'
+import Button from '@mui/material/Button'
+import { useRouter } from 'next/router'
 
 export default function Home() {
   const { user, isLoading, errMsg } = useUser()
+  const router = useRouter()
 
   if (isLoading) {
     return (
@@ -22,5 +25,16 @@ export default function Home() {
     return <Alert severity="error">{errMsg}</Alert>
   }
 
-  return <>hello {user!.email}</>
+  function logout() {
+    localStorage.removeItem('accessToken')
+    localStorage.removeItem('refreshToken')
+    router.push('/login')
+  }
+
+  return (
+    <>
+      <Alert severity="success">hello {user!.email}</Alert>
+      <Button onClick={logout}>注销</Button>
+    </>
+  )
 }