From f965ddc99efeb12acb1fdb70c329326f224263ea Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Sat, 15 Jun 2024 09:58:27 +0200
Subject: [PATCH] Add accommodations home route

---
 geneit_app/src/App.tsx                        |  2 ++
 .../AccommodationsHomeRoute.tsx               | 21 +++++++++++++++++++
 geneit_app/src/widgets/BaseFamilyRoute.tsx    | 13 ++++++++++++
 3 files changed, 36 insertions(+)
 create mode 100644 geneit_app/src/routes/family/accommodations/AccommodationsHomeRoute.tsx

diff --git a/geneit_app/src/App.tsx b/geneit_app/src/App.tsx
index 0eaed2f..bc3cfd6 100644
--- a/geneit_app/src/App.tsx
+++ b/geneit_app/src/App.tsx
@@ -18,6 +18,7 @@ import { PasswordForgottenRoute } from "./routes/auth/PasswordForgottenRoute";
 import { ResetPasswordRoute } from "./routes/auth/ResetPasswordRoute";
 import { FamilySettingsRoute } from "./routes/family/FamilySettingsRoute";
 import { FamilyUsersListRoute } from "./routes/family/FamilyUsersListRoute";
+import { AccommodationsHomeRoute } from "./routes/family/accommodations/AccommodationsHomeRoute";
 import { AccommodationsSettingsRoute } from "./routes/family/accommodations/AccommodationsSettingsRoute";
 import {
   FamilyCoupleRoute,
@@ -116,6 +117,7 @@ export function App(): React.ReactElement {
                 path="accommodations/*"
                 element={<BaseAccommodationsRoute />}
               >
+                <Route path="" element={<AccommodationsHomeRoute />} />
                 <Route
                   path="settings"
                   element={<AccommodationsSettingsRoute />}
diff --git a/geneit_app/src/routes/family/accommodations/AccommodationsHomeRoute.tsx b/geneit_app/src/routes/family/accommodations/AccommodationsHomeRoute.tsx
new file mode 100644
index 0000000..861573b
--- /dev/null
+++ b/geneit_app/src/routes/family/accommodations/AccommodationsHomeRoute.tsx
@@ -0,0 +1,21 @@
+import { FamilyPageTitle } from "../../../widgets/FamilyPageTitle";
+import { useAccommodations } from "../../../widgets/accommodations/BaseAccommodationsRoute";
+
+export function AccommodationsHomeRoute(): React.ReactElement {
+  const accommodations = useAccommodations();
+  return (
+    <>
+      <FamilyPageTitle title="Réservation de logements" />
+      <div style={{ margin: "20px" }}>
+        <p>
+          Depuis cette section de l'application, vous pouvez effectuer des
+          réservations de logements.
+        </p>
+        <p>&nbsp;</p>
+        <p>
+          Nombre de logements définis : {accommodations.accommodations.size}
+        </p>
+      </div>
+    </>
+  );
+}
diff --git a/geneit_app/src/widgets/BaseFamilyRoute.tsx b/geneit_app/src/widgets/BaseFamilyRoute.tsx
index 5206921..7f215db 100644
--- a/geneit_app/src/widgets/BaseFamilyRoute.tsx
+++ b/geneit_app/src/widgets/BaseFamilyRoute.tsx
@@ -185,6 +185,19 @@ export function BaseFamilyRoute(): React.ReactElement {
                   </>
                 )}
 
+                {family?.enable_accommodations && (
+                  <>
+                    <Divider sx={{ my: 1 }} />
+                    <ListSubheader component="div">Logements</ListSubheader>
+
+                    <FamilyLink
+                      icon={<HomeIcon />}
+                      label="Accueil"
+                      uri="accommodations"
+                    />
+                  </>
+                )}
+
                 <Divider sx={{ my: 1 }} />
                 <ListSubheader component="div">Administration</ListSubheader>