base commit

client/src/pages/admin-layout/ui/AdminLayoutPage.tsx

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react'
-import { useMemo, useState, useSyncExternalStore } from 'react'
+import { useMemo, useState } from 'react'
 import AssignmentOutlinedIcon from '@mui/icons-material/AssignmentOutlined'
+import DescriptionOutlinedIcon from '@mui/icons-material/DescriptionOutlined'
 import MenuOutlinedIcon from '@mui/icons-material/MenuOutlined'
 import PeopleOutlinedIcon from '@mui/icons-material/PeopleOutlined'
 import RateReviewOutlinedIcon from '@mui/icons-material/RateReviewOutlined'
@@ -19,13 +20,15 @@ import { useTheme } from '@mui/material/styles'
 import Typography from '@mui/material/Typography'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import { useQuery } from '@tanstack/react-query'
+import { useUnit } from 'effector-react'
 import { Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-dom'
 import { fetchAdminOrdersSummary } from '@/entities/order/api/admin-order-api'
 import { AdminPage } from '@/pages/admin'
+import { AdminInfoPage } from '@/pages/admin-info'
 import { AdminOrdersPage } from '@/pages/admin-orders'
 import { AdminReviewsPage } from '@/pages/admin-reviews'
 import { AdminUsersPage } from '@/pages/admin-users'
-import { getAdminToken, subscribeAdminTokenChange } from '@/shared/lib/admin-token'
+import { $user } from '@/shared/model/auth'
 
 type NavItem = {
   to: string
@@ -39,12 +42,13 @@ export function AdminLayoutPage() {
   const theme = useTheme()
   const isMobile = useMediaQuery(theme.breakpoints.down('md'))
   const [mobileOpen, setMobileOpen] = useState(false)
-  const adminToken = useSyncExternalStore(subscribeAdminTokenChange, getAdminToken, () => null)
+  const user = useUnit($user)
+  const isAdmin = Boolean(user?.isAdmin)
 
   const ordersSummaryQuery = useQuery({
-    queryKey: ['admin', 'orders', 'summary', adminToken],
-    queryFn: () => fetchAdminOrdersSummary(adminToken!),
-    enabled: Boolean(adminToken),
+    queryKey: ['admin', 'orders', 'summary'],
+    queryFn: fetchAdminOrdersSummary,
+    enabled: isAdmin,
     refetchInterval: 45_000,
     refetchOnWindowFocus: true,
   })
@@ -57,10 +61,15 @@ export function AdminLayoutPage() {
       { to: '/admin/orders', label: 'Заказы', icon: <AssignmentOutlinedIcon /> },
       { to: '/admin/reviews', label: 'Отзывы', icon: <RateReviewOutlinedIcon /> },
       { to: '/admin/users', label: 'Пользователи', icon: <PeopleOutlinedIcon /> },
+      { to: '/admin/info', label: 'Инфо-страница', icon: <DescriptionOutlinedIcon /> },
     ],
     [],
   )
 
+  if (!isAdmin) {
+    return <Navigate to="/auth" replace />
+  }
+
   const activeTo =
     navItems.find((x) => location.pathname === x.to)?.to ??
     navItems.find((x) => location.pathname.startsWith(`${x.to}/`))?.to ??
@@ -142,6 +151,7 @@ export function AdminLayoutPage() {
           <Route path="orders" element={<AdminOrdersPage />} />
           <Route path="reviews" element={<AdminReviewsPage />} />
           <Route path="users" element={<AdminUsersPage />} />
+          <Route path="info" element={<AdminInfoPage />} />
           <Route path="*" element={<Navigate to="/admin" replace />} />
         </Routes>
       </Box>