From 1daca27ba0665f205b2251e291e1ed70f62428b0 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Wed, 15 May 2024 19:43:54 +0200
Subject: [PATCH] Start to divide application

---
 geneit_app/src/App.tsx                        |  3 +++
 .../src/routes/family/FamilyHomeRoute.tsx     |  7 -------
 .../family/genealogy/GenealogyHomeRoute.tsx   | 20 +++++++++++++++++++
 geneit_app/src/widgets/BaseFamilyRoute.tsx    |  5 +++++
 4 files changed, 28 insertions(+), 7 deletions(-)
 create mode 100644 geneit_app/src/routes/family/genealogy/GenealogyHomeRoute.tsx

diff --git a/geneit_app/src/App.tsx b/geneit_app/src/App.tsx
index 8994ab5..6b9dcfe 100644
--- a/geneit_app/src/App.tsx
+++ b/geneit_app/src/App.tsx
@@ -36,6 +36,7 @@ import {
 import { FamilyCouplesListRoute } from "./routes/family/FamilyCouplesListRoute";
 import { FamilyTreeRoute } from "./routes/family/FamilyTreeRoute";
 import { FamilyMemberTreeRoute } from "./routes/family/FamilyMemberTreeRoute";
+import { GenealogyHomeRoute } from "./routes/family/genealogy/GenealogyHomeRoute";
 
 interface AuthContext {
   signedIn: boolean;
@@ -68,6 +69,8 @@ export function App(): React.ReactElement {
               <Route path="" element={<FamilyHomeRoute />} />
 
               <Route path="genealogy/*">
+                <Route path="" element={<GenealogyHomeRoute />} />
+
                 <Route path="members" element={<FamilyMembersListRoute />} />
                 <Route
                   path="member/create"
diff --git a/geneit_app/src/routes/family/FamilyHomeRoute.tsx b/geneit_app/src/routes/family/FamilyHomeRoute.tsx
index eaa5364..3be1b65 100644
--- a/geneit_app/src/routes/family/FamilyHomeRoute.tsx
+++ b/geneit_app/src/routes/family/FamilyHomeRoute.tsx
@@ -2,7 +2,6 @@ import { useFamily } from "../../widgets/BaseFamilyRoute";
 import { FamilyPageTitle } from "../../widgets/FamilyPageTitle";
 
 export function FamilyHomeRoute(): React.ReactElement {
-  const family = useFamily();
   return (
     <>
       <FamilyPageTitle title="Votre famille" />
@@ -12,12 +11,6 @@ export function FamilyHomeRoute(): React.ReactElement {
           Veuillez utiliser le menu situé à gauche pour accéder aux différentes
           sections de l'application.
         </p>
-        <p>Nombre de fiches de membres: {family.members.size}</p>
-        <p>Nombre de fiches de couples: {family.couples.size}</p>
-        <p>
-          Vous pouvez inviter d'autres personnes à rejoindre cette famille en
-          leur donnant une copie du code d'invitation
-        </p>
       </div>
     </>
   );
diff --git a/geneit_app/src/routes/family/genealogy/GenealogyHomeRoute.tsx b/geneit_app/src/routes/family/genealogy/GenealogyHomeRoute.tsx
new file mode 100644
index 0000000..37461af
--- /dev/null
+++ b/geneit_app/src/routes/family/genealogy/GenealogyHomeRoute.tsx
@@ -0,0 +1,20 @@
+import { useFamily } from "../../../widgets/BaseFamilyRoute";
+import { FamilyPageTitle } from "../../../widgets/FamilyPageTitle";
+
+export function GenealogyHomeRoute(): React.ReactElement {
+  const family = useFamily();
+  return (
+    <>
+      <FamilyPageTitle title="Généalogie de votre famille" />
+      <div style={{ margin: "20px" }}>
+        <p>
+          Depuis cette section de l'application, vous pouvez afficher et
+          compléter l'abre généalogique de votre famille.
+        </p>
+        <p>&nbsp;</p>
+        <p>Nombre de fiches de membres: {family.members.size}</p>
+        <p>Nombre de fiches de couples: {family.couples.size}</p>
+      </div>
+    </>
+  );
+}
diff --git a/geneit_app/src/widgets/BaseFamilyRoute.tsx b/geneit_app/src/widgets/BaseFamilyRoute.tsx
index 4f455e5..ca02be9 100644
--- a/geneit_app/src/widgets/BaseFamilyRoute.tsx
+++ b/geneit_app/src/widgets/BaseFamilyRoute.tsx
@@ -150,6 +150,11 @@ export function BaseFamilyRoute(): React.ReactElement {
                 <Divider sx={{ my: 1 }} />
                 <ListSubheader component="div">Généalogie</ListSubheader>
 
+                <FamilyLink
+                  icon={<HomeIcon />}
+                  label="Accueil"
+                  uri="genealogy"
+                />
                 <FamilyLink
                   icon={<Icon path={mdiCrowd} size={1} />}
                   label="Membres"