Разработка админ-панели EventHubFrontAdmin v1.0 #1

src/components/ProtectedRoute.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Navigate, Outlet } from 'react-router-dom';
+import { Spin } from 'antd';
+import { useAuthStore } from '../store/authStore';
+
+interface Props {
+    allowedRoles?: string[];
+}
+
+const ProtectedRoute: React.FC<Props> = ({ allowedRoles }) => {
+    const { isAuthenticated, isInitialized, user } = useAuthStore();
+
+    if (!isInitialized) {
+        return (
+            <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
+                <Spin size="large" />
+            </div>
+        );
+    }
+
+    if (!isAuthenticated) {
+        return <Navigate to="/login" replace />;
+    }
+
+    if (allowedRoles && user && !allowedRoles.includes(user.role)) {
+        return <Navigate to="/dashboard" replace />;
+    }
+
+    return <Outlet />;
+};
+
+export default ProtectedRoute;