Merge branch 'refactor'

2026-05-13 22:07:46 +05:00
parent 3c9797af4a
commit a06f9cf2c4
85 changed files with 3762 additions and 2072 deletions
@@ -0,0 +1,67 @@
+import { useState } from 'react'
+import AccountCircleOutlinedIcon from '@mui/icons-material/AccountCircleOutlined'
+import Badge from '@mui/material/Badge'
+import IconButton from '@mui/material/IconButton'
+import ListItemText from '@mui/material/ListItemText'
+import Menu from '@mui/material/Menu'
+import MenuItem from '@mui/material/MenuItem'
+import type { AuthUser } from '@/shared/model/auth'
+
+type Props = {
+  user: AuthUser | null
+  onNavigate: (to: string) => void
+  onLogout: () => void
+}
+
+export function UserMenu({ user, onNavigate, onLogout }: Props) {
+  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
+  const open = Boolean(anchorEl)
+
+  const openMenu = (e: React.MouseEvent<HTMLElement>) => setAnchorEl(e.currentTarget)
+  const closeMenu = () => setAnchorEl(null)
+
+  const go = (to: string) => {
+    closeMenu()
+    onNavigate(to)
+  }
+
+  const handleLogout = () => {
+    closeMenu()
+    onLogout()
+  }
+
+  return (
+    <>
+      <IconButton color="inherit" onClick={openMenu} sx={{ ml: 1 }} aria-label="Пользователь">
+        <Badge
+          variant="dot"
+          color="success"
+          overlap="circular"
+          invisible={!user}
+          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+        >
+          <AccountCircleOutlinedIcon />
+        </Badge>
+      </IconButton>
+
+      <Menu
+        anchorEl={anchorEl}
+        open={open}
+        onClose={closeMenu}
+        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={handleLogout}>Выход</MenuItem>
+          </>
+        ) : (
+          <MenuItem onClick={() => go('/auth')}>Войти / регистрация</MenuItem>
+        )}
+      </Menu>
+    </>
+  )
+}