base commit

client/src/app/layout/AppHeader.tsx

@@ -171,6 +171,7 @@ export function AppHeader() {
   const user = useUnit($user)
   const navigate = useNavigate()
   const isAdmin = Boolean(user?.isAdmin)
+  const headerNavItems = isAdmin ? [...navItems, { label: 'Админка', to: '/admin' }] : navItems
 
   const cartQuery = useQuery({
     queryKey: ['me', 'cart'],
@@ -256,7 +257,7 @@ export function AppHeader() {
           </Box>
 
           {!isMobile &&
-            navItems.map((i) => (
+            headerNavItems.map((i) => (
               <Button key={i.to} component={RouterLink} to={i.to} color="inherit">
                 {i.label}
               </Button>
@@ -292,36 +293,46 @@ export function AppHeader() {
             </>
           )}
 
-          <IconButton color="inherit" onClick={openUserMenu} sx={{ ml: 1 }} aria-label="Пользователь">
-            <Badge
-              variant="dot"
-              color="success"
-              overlap="circular"
-              invisible={!user}
-              anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-            >
-              <AccountCircleOutlinedIcon />
-            </Badge>
-          </IconButton>
+          {!isAdmin && (
+            <>
+              <IconButton color="inherit" onClick={openUserMenu} sx={{ ml: 1 }} aria-label="Пользователь">
+                <Badge
+                  variant="dot"
+                  color="success"
+                  overlap="circular"
+                  invisible={!user}
+                  anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+                >
+                  <AccountCircleOutlinedIcon />
+                </Badge>
+              </IconButton>
 
-          <Menu
-            anchorEl={userAnchorEl}
-            open={userMenuOpen}
-            onClose={closeUserMenu}
-            anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-            transformOrigin={{ vertical: 'top', horizontal: 'right' }}
-          >
-            {user ? (
-              <>
-                <MenuItem onClick={() => go('/me')}>
-                  <ListItemText primary={(user.name && user.name.trim()) || user.email} secondary="Профиль" />
-                </MenuItem>
-                <MenuItem onClick={onLogout}>Выход</MenuItem>
-              </>
-            ) : (
-              <MenuItem onClick={() => go('/auth')}>Войти / регистрация</MenuItem>
-            )}
-          </Menu>
+              <Menu
+                anchorEl={userAnchorEl}
+                open={userMenuOpen}
+                onClose={closeUserMenu}
+                anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+                transformOrigin={{ vertical: 'top', horizontal: 'right' }}
+              >
+                {user ? (
+                  <>
+                    <MenuItem onClick={() => go('/me')}>
+                      <ListItemText primary={(user.name && user.name.trim()) || user.email} secondary="Профиль" />
+                    </MenuItem>
+                    <MenuItem onClick={onLogout}>Выход</MenuItem>
+                  </>
+                ) : (
+                  <MenuItem onClick={() => go('/auth')}>Войти / регистрация</MenuItem>
+                )}
+              </Menu>
+            </>
+          )}
+
+          {isAdmin && user && !isMobile && (
+            <Button color="inherit" onClick={onLogout} sx={{ ml: 1 }}>
+              Выход
+            </Button>
+          )}
 
           {!isMobile && (
             <ThemeControlsDesktop
@@ -349,7 +360,7 @@ export function AppHeader() {
           </Box>
 
           <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
-            {navItems.map((i) => (
+            {headerNavItems.map((i) => (
               <Button key={i.to} variant="text" onClick={() => go(i.to)} sx={{ justifyContent: 'flex-start' }}>
                 {i.label}
               </Button>
@@ -364,9 +375,16 @@ export function AppHeader() {
                 Заказы
               </Button>
             )}
-            <Button variant="text" onClick={() => go(user ? '/me' : '/auth')} sx={{ justifyContent: 'flex-start' }}>
-              {user ? 'Профиль' : 'Вход / регистрация'}
-            </Button>
+            {!isAdmin && (
+              <Button variant="text" onClick={() => go(user ? '/me' : '/auth')} sx={{ justifyContent: 'flex-start' }}>
+                {user ? 'Профиль' : 'Вход / регистрация'}
+              </Button>
+            )}
+            {!user && isAdmin && (
+              <Button variant="text" onClick={() => go('/auth')} sx={{ justifyContent: 'flex-start' }}>
+                Вход / регистрация
+              </Button>
+            )}
             {user && (
               <Button variant="text" color="error" onClick={onLogout} sx={{ justifyContent: 'flex-start' }}>
                 Выход