feat: add WIP repas route

This commit is contained in:
Nathan Lamy 2025-08-21 11:33:43 +02:00
parent 3e01fa47cd
commit 7ccd36a7c4
2 changed files with 54 additions and 0 deletions

View file

@ -8,4 +8,5 @@ export default [
route("/colles/:colleId", "routes/colles.tsx"),
route("/settings", "routes/settings.tsx"),
route("/grades", "routes/grades.tsx"),
route("/repas", "routes/repas.tsx"),
] satisfies RouteConfig;

53
app/routes/repas.tsx Normal file
View file

@ -0,0 +1,53 @@
import { Navigate } from "react-router";
import Error from "~/components/error";
import Loader from "~/components/loader";
import { MainLayout } from "~/layout";
import { AUTH_ERROR, useUser } from "~/lib/api";
import { forceReload } from "~/lib/utils";
import { Button } from "~/components/ui/button";
import { Github } from "lucide-react";
import BottomNavigation from "~/components/bottom-nav";
export default function Repas() {
const { user, isLoading, error } = useUser();
if (isLoading) {
return <Loader />;
}
if (error?.message === AUTH_ERROR) {
return <Navigate to="/login" replace />;
}
if (error) {
return <Error message={error.message} />;
}
return (
<MainLayout
header={
<h1 className="text-2xl font-bold" onClick={forceReload}>
Khollis&eacute; - {user.className}
</h1>
}
>
{/* Under construction message */}
<div className="text-center mt-10">
<h2 className="text-xl font-semibold">
Cette fonctionnalité nest pas encore implémentée.
</h2>
<p className="mt-4">
Vous pouvez contribuer au développement du projet ici :
</p>
<Button
className="mt-4"
variant="default"
onClick={() => window.open(import.meta.env.VITE_GITHUB_URL, "_blank")}
>
<Github />
Contribuer sur GitHub
</Button>
</div>
<BottomNavigation activeId="repas" />
</MainLayout>
);
}