clear

src/widgets/navbar/ui/authButtons.tsx

@@ -16,13 +16,13 @@ import { useEffect, useState } from 'react';
 
 function AuthButtons() {
   const t = useTranslations('Navbar');
+  const [token, setToken] = useState<string | null>(null);
   const [localUser, setLocalUser] = useState<{
     id: number;
     name: string;
     surname: string;
   } | null>(null);
   const [open, setOpen] = useState(false);
-
   const toggleLoginModal = useLoginModal((state) => state.toggleLoginModal);
   const toggleRegisterModal = useRegisterModal(
     (state) => state.toggleRegisterModal,
@@ -31,13 +31,15 @@ function AuthButtons() {
   const clearUser = useUserPlagiatStore((state) => state.clearUser);
 
   const clearTokens = () => {
-    localStorage.removeItem('access');
-    localStorage.removeItem('refresh');
+    localStorage.removeItem('access_token');
+    localStorage.removeItem('refresh_token');
     localStorage.removeItem('user');
     clearUser();
   };
 
   useEffect(() => {
+    const token_data = localStorage.getItem('access_token');
+    setToken(token_data);
     const data = localStorage.getItem('user');
     if (data) {
       setLocalUser(JSON.parse(data));
@@ -46,7 +48,7 @@ function AuthButtons() {
     }
   }, [user]);
 
-  if (localUser) {
+  if (localUser && token) {
     return (
       <div className="flex flex-row max-sm:items-center max-sm:justify-around gap-3 items-center">
         <div className="sm:flex hidden">