history compolated

src/widgets/navbar/ui/authButtons.tsx

@@ -13,6 +13,7 @@ import { ChangeLang } from './ChangeLang';
 import { useLoginModal, useRegisterModal } from '@/shared/zustand/auth';
 import { useTranslations } from 'next-intl';
 import { useUserPlagiatStore } from '@/shared/zustand/user';
+import { LogOut } from 'lucide-react';
 
 function AuthButtons() {
   const t = useTranslations('Navbar');
@@ -22,13 +23,19 @@ function AuthButtons() {
     signup: { title: t('signup'), url: '#' },
   };
 
-  const userItem = [{ title: t('logout'), url: '#' }];
+  const userItem = [{ title: t('logout'), url: '/', icon: LogOut }];
 
   const toggleLoginModal = useLoginModal((state) => state.toggleLoginModal);
   const toggleRegisterModal = useRegisterModal(
     (state) => state.toggleRegisterModal,
   );
   const user = useUserPlagiatStore((state) => state.user);
+  const clearUser = useUserPlagiatStore((state) => state.clearUser);
+  const clearTokens = () => {
+    localStorage.removeItem('access');
+    localStorage.removeItem('refresh');
+    localStorage.removeItem('user');
+  };
   console.log('Current user:', user);
 
   if (user) {
@@ -48,6 +55,10 @@ function AuthButtons() {
                   asChild
                   key={subItem.title}
                   className="w-80"
+                  onClick={() => {
+                    clearTokens();
+                    clearUser();
+                  }}
                 >
                   <SubMenuLink item={subItem} />
                 </NavigationMenuLink>