Squashed new RBAC

panel/ui/ProtectedRoute.tsx

@@ -0,0 +1,36 @@
+import { useAuth } from '../context/auth'
+import { DataProvider } from '../context/data'
+import { TableSortProvider } from '../context/sort'
+import AdminPage from '../routes/admin'
+
+/**
+ * Компонент защищенного маршрута
+ */
+export const ProtectedRoute = () => {
+  console.log('[ProtectedRoute] Checking authentication...')
+  const auth = useAuth()
+  const authenticated = auth.isAuthenticated()
+  console.log(
+    `[ProtectedRoute] Authentication state: ${authenticated ? 'authenticated' : 'not authenticated'}`
+  )
+
+  if (!authenticated) {
+    console.log('[ProtectedRoute] Not authenticated, redirecting to login...')
+    // Используем window.location.href для редиректа
+    window.location.href = '/login'
+    return (
+      <div class="loading-screen">
+        <div class="loading-spinner" />
+        <div>Проверка авторизации...</div>
+      </div>
+    )
+  }
+
+  return (
+    <DataProvider>
+      <TableSortProvider>
+        <AdminPage apiUrl={`${location.origin}/graphql`} />
+      </TableSortProvider>
+    </DataProvider>
+  )
+}