fix login & verify code

frontend/client-portal/src/layouts/dashboard/header/AccountPopover.tsx

@@ -5,8 +5,9 @@ import { Box, Divider, Typography, Stack, MenuItem, Avatar } from '@mui/material
 // components
 import MenuPopover from '../../../components/MenuPopover';
 import { IconButtonAnimate } from '../../../components/animate';
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from 'react-router-dom';
 import useAuth from '../../../hooks/useAuth';
+import useLocalStorage from '../../../hooks/useLocalStorage';
 
 // ----------------------------------------------------------------------
 
@@ -32,6 +33,10 @@ export default function AccountPopover() {
   const navigate = useNavigate();
   const { logout } = useAuth();
 
+  const [emailOrPhone, setEmailOrPhone] = useLocalStorage('emailOrPhone', '');
+  const [emailOrPhoneForm, setEmailOrPhoneForm] = useLocalStorage('emailOrPhoneForm', false);
+  const [loginOrVerifyCode, setLoginOrVerifyCode] = useLocalStorage('loginOrVerifyCode', false);
+
   const handleOpen = (event: React.MouseEvent<HTMLElement>) => {
     setOpen(event.currentTarget);
   };
@@ -41,9 +46,12 @@ export default function AccountPopover() {
   };
 
   const handleLogout = () => {
+    setEmailOrPhone('');
+    setEmailOrPhoneForm(false);
+    setLoginOrVerifyCode(false);
     logout();
     navigate('/auth/login');
-  }
+  };
 
   return (
     <>
@@ -105,7 +113,9 @@ export default function AccountPopover() {
 
         <Divider sx={{ borderStyle: 'dashed' }} />
 
-        <MenuItem sx={{ m: 1 }} onClick={handleLogout}>Logout</MenuItem>
+        <MenuItem sx={{ m: 1 }} onClick={handleLogout}>
+          Logout
+        </MenuItem>
       </MenuPopover>
     </>
   );