36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { AuthProvider, useAuth } from './context/AuthContext';
|
|
import Login from './pages/Login';
|
|
import Dashboard from './pages/Dashboard';
|
|
import NewJob from './pages/NewJob';
|
|
|
|
const PrivateRoute: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
const { isAuthenticated } = useAuth();
|
|
return isAuthenticated ? <>{children}</> : <Navigate to="/login" />;
|
|
};
|
|
|
|
function App() {
|
|
return (
|
|
<AuthProvider>
|
|
<Router>
|
|
<Routes>
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/dashboard" element={
|
|
<PrivateRoute>
|
|
<Dashboard />
|
|
</PrivateRoute>
|
|
} />
|
|
<Route path="/new-job" element={
|
|
<PrivateRoute>
|
|
<NewJob />
|
|
</PrivateRoute>
|
|
} />
|
|
<Route path="/" element={<Navigate to="/dashboard" />} />
|
|
</Routes>
|
|
</Router>
|
|
</AuthProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|