diff --git a/virtweb_frontend/src/routes/NotFound.tsx b/virtweb_frontend/src/routes/NotFound.tsx index c37f20f..9d6af83 100644 --- a/virtweb_frontend/src/routes/NotFound.tsx +++ b/virtweb_frontend/src/routes/NotFound.tsx @@ -4,10 +4,10 @@ import { RouterLink } from "../widgets/RouterLink"; export function NotFoundRoute(): React.ReactElement { return (
-

Page non trouvée !

-

La page que vous demandez n'a pas été trouvée !

+

404 Not found

+

The page you requested was not found!

- +
); diff --git a/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx b/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx index bbc9f6d..3be6e48 100644 --- a/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx +++ b/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx @@ -1,5 +1,17 @@ -import { Box } from "@mui/material"; +import { + Box, + List, + ListItemButton, + ListItemIcon, + ListItemSecondaryAction, + ListItemText, + ListSubheader, +} from "@mui/material"; import { VirtWebAppBar } from "./VirtWebAppBar"; +import { RouterLink } from "./RouterLink"; +import { Outlet, useLocation } from "react-router-dom"; +import Icon from "@mdi/react"; +import { mdiDisc, mdiHome, mdiLanPending } from "@mdi/js"; export function BaseAuthenticatedPage(): React.ReactElement { return ( @@ -14,6 +26,60 @@ export function BaseAuthenticatedPage(): React.ReactElement { }} > + + + } + /> + } + /> + } + /> + +
+ +
+
); } + +function NavLink(p: { + icon: React.ReactElement; + uri: string; + label: string; + secondaryAction?: React.ReactElement; +}): React.ReactElement { + const location = useLocation(); + return ( + + + {p.icon} + + {p.secondaryAction && ( + {p.secondaryAction} + )} + + + ); +} diff --git a/virtweb_frontend/src/widgets/VirtWebAppBar.tsx b/virtweb_frontend/src/widgets/VirtWebAppBar.tsx index 180b7f5..419c56d 100644 --- a/virtweb_frontend/src/widgets/VirtWebAppBar.tsx +++ b/virtweb_frontend/src/widgets/VirtWebAppBar.tsx @@ -29,6 +29,8 @@ export function VirtWebAppBar(): React.ReactElement { auth.setSignedIn(false); loadingMessage.hide(); + + window.location.href = "/"; }; return (