Добавлены модели и функциональность для управления администраторами, включая авторизацию через JWT, запросы и мутации для получения информации об администраторах и управления пользователями. Обновлены стили и логика работы с токенами в Apollo Client. Улучшен интерфейс взаимодействия с пользователем.

src/components/admin/admin-guard.tsx

@@ -0,0 +1,65 @@
+"use client"
+
+import { useState, useEffect, useRef } from 'react'
+import { useAdminAuth } from '@/hooks/useAdminAuth'
+import { AdminLogin } from './admin-login'
+
+interface AdminGuardProps {
+  children: React.ReactNode
+  fallback?: React.ReactNode
+}
+
+export function AdminGuard({ children, fallback }: AdminGuardProps) {
+  const { isAuthenticated, isLoading, checkAuth, admin } = useAdminAuth()
+  const [isChecking, setIsChecking] = useState(true)
+  const initRef = useRef(false) // Защита от повторных инициализаций
+
+  useEffect(() => {
+    const initAuth = async () => {
+      if (initRef.current) {
+        console.log('AdminGuard - Already initialized, skipping')
+        return
+      }
+      
+      initRef.current = true
+      console.log('AdminGuard - Initializing admin auth check')
+      await checkAuth()
+      setIsChecking(false)
+      console.log('AdminGuard - Admin auth check completed, authenticated:', isAuthenticated, 'admin:', !!admin)
+    }
+    
+    initAuth()
+  }, [checkAuth, isAuthenticated, admin])
+
+  // Дополнительное логирование состояний
+  useEffect(() => {
+    console.log('AdminGuard - State update:', {
+      isChecking,
+      isLoading,
+      isAuthenticated,
+      hasAdmin: !!admin
+    })
+  }, [isChecking, isLoading, isAuthenticated, admin])
+
+  // Показываем лоадер пока проверяем авторизацию
+  if (isChecking || isLoading) {
+    return (
+      <div className="min-h-screen bg-gradient-smooth flex items-center justify-center">
+        <div className="text-center text-white">
+          <div className="animate-spin rounded-full h-16 w-16 border-4 border-white border-t-transparent mx-auto mb-4"></div>
+          <p className="text-white/80">Проверяем авторизацию администратора...</p>
+        </div>
+      </div>
+    )
+  }
+
+  // Если не авторизован, показываем форму авторизации
+  if (!isAuthenticated) {
+    console.log('AdminGuard - Admin not authenticated, showing admin login')
+    return fallback || <AdminLogin />
+  }
+
+  // Если авторизован, показываем защищенный контент
+  console.log('AdminGuard - Admin authenticated, showing admin panel')
+  return <>{children}</>
+}