user

src/widgets/navbar/ui/authButtons.tsx

@@ -12,7 +12,7 @@ import SubMenuLink from './SubMenuLink';
 import { ChangeLang } from './ChangeLang';
 import { useLoginModal, useRegisterModal } from '@/shared/zustand/auth';
 import { useTranslations } from 'next-intl';
-import { useUserStore } from '@/shared/zustand/user';
+import { useUserPlagiatStore } from '@/shared/zustand/user';
 
 function AuthButtons() {
   const t = useTranslations('Navbar');
@@ -28,23 +28,34 @@ function AuthButtons() {
   const toggleRegisterModal = useRegisterModal(
     (state) => state.toggleRegisterModal,
   );
-  const user = useUserStore((state) => state.user);
+  const user = useUserPlagiatStore((state) => state.user);
   console.log('Current user:', user);
 
   if (user) {
     return (
-      <NavigationMenu>
-        <NavigationMenuItem>
-          <NavigationMenuTrigger>{user.name}</NavigationMenuTrigger>
-          <NavigationMenuContent className="bg-popover text-popover-foreground">
-            {userItem.map((subItem) => (
-              <NavigationMenuLink asChild key={subItem.title} className="w-80">
-                <SubMenuLink item={subItem} />
-              </NavigationMenuLink>
-            ))}
-          </NavigationMenuContent>
-        </NavigationMenuItem>
-      </NavigationMenu>
+      <div className="flex flex-row max-sm:items-center max-sm:justify-around  gap-3">
+        <div className="sm:flex hidden">
+          <ChangeLang />
+        </div>
+        <NavigationMenu>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger className="text-xl">
+              {user.name} {user.surname}
+            </NavigationMenuTrigger>
+            <NavigationMenuContent className="bg-popover text-popover-foreground">
+              {userItem.map((subItem) => (
+                <NavigationMenuLink
+                  asChild
+                  key={subItem.title}
+                  className="w-80"
+                >
+                  <SubMenuLink item={subItem} />
+                </NavigationMenuLink>
+              ))}
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+        </NavigationMenu>
+      </div>
     );
   }