card editing

src/widgets/navbar/ui/index.tsx

@@ -35,6 +35,16 @@ const Navbar = () => {
   const [isSticky, setIsSticky] = useState(false);
   const [query, setQuery] = useState('');
   const searchParams = useSearchParams();
+  const [user, setUser] = useState<boolean>(false);
+  const users = localStorage.getItem('user');
+
+  useEffect(() => {
+    if (users && users === 'true') {
+      setUser(true);
+    } else {
+      setUser(false);
+    }
+  }, [users]);
 
   const queryFromUrl = searchParams.get('q') ?? '';
 
@@ -61,7 +71,7 @@ const Navbar = () => {
 
   return (
     <>
-      <div className="w-full bg-blue-600 h-10 max-lg:hidden">
+      <div className="w-full bg-[#57A595] h-10 max-lg:hidden">
         <div className="custom-container h-full flex justify-between items-center">
           <ul className="text-sm flex items-center justify-center gap-4">
             <li className="text-white transition-colors cursor-pointer">
@@ -195,8 +205,7 @@ const Navbar = () => {
             <Button
               variant={'ghost'}
               onClick={() => {
-                const user = localStorage.getItem('user');
-                if (user === 'true') {
+                if (user) {
                   router.push('/profile');
                 } else {
                   router.push('/auth');