| import { Box, CircularProgress } from "@mui/material"; | |
| import { Navigate, Outlet } from "react-router-dom"; | |
| import { useAuth } from "./AuthContext"; | |
| export default function ProtectedRoute() { | |
| const { user, loading } = useAuth(); | |
| if (loading) { | |
| return ( | |
| <Box | |
| sx={{ | |
| height: "100vh", | |
| display: "grid", | |
| placeItems: "center", | |
| }} | |
| > | |
| <CircularProgress /> | |
| </Box> | |
| ); | |
| } | |
| if (!user) return <Navigate to="/login" replace />; | |
| return <Outlet />; | |
| } | |