main page

src/App.jsx

@@ -0,0 +1,71 @@
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
+import { AuthProvider, useAuth } from './context/AuthContext'
+import Navbar from './components/Navbar'
+import Footer from './components/Footer'
+import LoginPage from './pages/LoginPage'
+import TicketsPage from './pages/TicketsPage'
+import DashboardPage from './pages/DashboardPage'
+import AssetsPage from './pages/AssetsPage'
+import PlanboardPage from './pages/PlanboardPage'
+import ProjectsPage from './pages/ProjectsPage'
+import ReportsPage from './pages/ReportsPage'
+import DocsPage from './pages/DocsPage'
+
+function ProtectedRoute({ children }) {
+  const { user, loading } = useAuth()
+  
+  if (loading) {
+    return (
+      <div className="text-center p-4">
+        <div className="spinner"></div>
+        <p>Loading...</p>
+      </div>
+    )
+  }
+  
+  if (!user) {
+    return <Navigate to="/login" replace />
+  }
+  
+  return children
+}
+
+function AppRoutes() {
+  const { user } = useAuth()
+  
+  return (
+    <Routes>
+      <Route path="/login" element={user ? <Navigate to="/tickets" replace /> : <LoginPage />} />
+      <Route path="/" element={<Navigate to="/tickets" replace />} />
+      <Route path="/tickets" element={<ProtectedRoute><TicketsPage /></ProtectedRoute>} />
+      <Route path="/dashboard" element={<ProtectedRoute><DashboardPage /></ProtectedRoute>} />
+      <Route path="/assets" element={<ProtectedRoute><AssetsPage /></ProtectedRoute>} />
+      <Route path="/planboard" element={<ProtectedRoute><PlanboardPage /></ProtectedRoute>} />
+      <Route path="/projects" element={<ProtectedRoute><ProjectsPage /></ProtectedRoute>} />
+      <Route path="/reports" element={<ProtectedRoute><ReportsPage /></ProtectedRoute>} />
+      <Route path="/docs" element={<ProtectedRoute><DocsPage /></ProtectedRoute>} />
+    </Routes>
+  )
+}
+
+function AppContent() {
+  const { user } = useAuth()
+  
+  return (
+    <>
+      {user && <Navbar />}
+      <AppRoutes />
+      {user && <Footer />}
+    </>
+  )
+}
+
+export default function App() {
+  return (
+    <BrowserRouter>
+      <AuthProvider>
+        <AppContent />
+      </AuthProvider>
+    </BrowserRouter>
+  )
+}