dev day #69

frontend/src/App.tsx

@@ -5,6 +5,7 @@ import { BrowserRouter as Router, Routes, Route, Navigate, Outlet } from 'react-
 import './styles/custom-scrollbar.css';
 import { AuthProvider, useAuth } from './contexts/AuthContext';
 import AuthPage from './pages/AuthPage';
+import RegisterPage from './pages/RegisterPage';
 import DashboardPage from './pages/DashboardPage';
 import ArticlesListPage from './pages/ArticlesListPage';
 import HomePage from './pages/HomePage';
@@ -50,6 +51,7 @@ import AnalyticsAdminPage from './pages/admin/AnalyticsAdminPage';
 import FilesAdminPage from './pages/admin/FilesAdminPage';
 import ContactsAdminPage from './pages/admin/ContactsAdminPage';
 import NavigationAdminPage from './pages/admin/NavigationAdminPage';
+import SemiAdminPage from './pages/SemiAdminPage';
 import PollsAdminPage from './pages/admin/PollsAdminPage';
 // Admin pages render their own AdminLayout internally
 import SetupPage from './pages/SetupPage';
@@ -261,7 +263,7 @@ const App: React.FC = () => {
 
   // Public Route component - redirects to admin if already authenticated
   const PublicRoute = ({ children }: { children: React.ReactNode }) => {
-    const { isAuthenticated, isLoading } = useAuth();
+    const { isAuthenticated, isLoading, user } = useAuth();
     const [checkingSetup, setCheckingSetup] = useState(true);
     const [requiresSetup, setRequiresSetup] = useState<boolean>(false);
 
@@ -285,6 +287,10 @@ const App: React.FC = () => {
     }
 
     if (isAuthenticated) {
+      const role = user?.role;
+      if (role === 'fan') {
+        return <Navigate to="/semiadmin" replace />;
+      }
       return <Navigate to="/admin" replace />;
     }
 
@@ -374,10 +380,26 @@ const App: React.FC = () => {
                   </PublicRoute>
                 } 
               />
+              <Route 
+                path="/register" 
+                element={
+                  <PublicRoute>
+                    <RegisterPage />
+                  </PublicRoute>
+                } 
+              />
               <Route path="/forgot-password" element={<ForgotPasswordPage />} />
               <Route path="/reset-password" element={<ResetPasswordPage />} />
               <Route path="/newsletter/unsubscribe/:email" element={<NewsletterUnsubscribePage />} />
               <Route path="/newsletter/preferences" element={<NewsletterPreferencesPage />} />
+              <Route 
+                path="/semiadmin" 
+                element={
+                  <ProtectedRoute>
+                    <SemiAdminPage />
+                  </ProtectedRoute>
+                } 
+              />
               <Route path="/403" element={<ForbiddenPage />} />
 
               {/* Admin area (pages include AdminLayout themselves) */}
@@ -388,15 +410,14 @@ const App: React.FC = () => {
               }>
                 <Route path="/admin" element={<AdminDashboardPage />} />
                 <Route path="/admin/docs" element={<AdminDocsPage />} />
-                <Route path="/admin/clanky" element={<ArticlesAdminPage />} />
+                {/* moved to editor-accessible routes below */}
                 <Route path="/admin/o-klubu" element={<AboutAdminPage />} />
                 <Route path="/admin/videa" element={<AdminVideosPage />} />
                 <Route path="/admin/galerie" element={<GalleryAdminPage />} />
                 <Route path="/admin/obleceni" element={<AdminMerchPage />} />
-                <Route path="/admin/aktivity" element={<AdminActivitiesPage />} />
                 <Route path="/admin/sponzori" element={<SponsorsAdminPage />} />
                 <Route path="/admin/kategorie" element={<CategoriesAdminPage />} />
-                <Route path="/admin/media" element={<MediaAdminPage />} />
+                {/* moved to editor-accessible routes below */}
                 <Route path="/admin/zapasy" element={<MatchesAdminPage />} />
                 <Route path="/admin/hraci" element={<PlayersAdminPage />} />
                 <Route path="/admin/tymy" element={<TeamsAdminPage />} />
@@ -455,6 +476,32 @@ const App: React.FC = () => {
                 }
               />
 
+              {/* Editor-accessible content pages (also allow admin) */}
+              <Route
+                path="/admin/clanky"
+                element={
+                  <ProtectedRoute requiredRole="editor">
+                    <ArticlesAdminPage />
+                  </ProtectedRoute>
+                }
+              />
+              <Route
+                path="/admin/aktivity"
+                element={
+                  <ProtectedRoute requiredRole="editor">
+                    <AdminActivitiesPage />
+                  </ProtectedRoute>
+                }
+              />
+              <Route
+                path="/admin/media"
+                element={
+                  <ProtectedRoute requiredRole="editor">
+                    <MediaAdminPage />
+                  </ProtectedRoute>
+                }
+              />
+
               {/* Not found route */}
               <Route path="*" element={<NotFoundPage />} />
             </Routes>