Start to divide application

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"

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>
     </>
   );

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>
+    </>
+  );
+}

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"