Update home route

geneit_app/src/api/CoupleApi.ts

@@ -118,6 +118,10 @@ export class CouplesList {
     return this.list.length === 0;
   }
 
+  public get size(): number {
+    return this.list.length;
+  }
+
   public get fullList(): Couple[] {
     return this.list;
   }

geneit_app/src/api/MemberApi.ts

@@ -207,6 +207,10 @@ export class MembersList {
     return this.list.length === 0;
   }
 
+  public get size(): number {
+    return this.list.length;
+  }
+
   public get fullList(): Member[] {
     return this.list;
   }

geneit_app/src/routes/family/FamilyHomeRoute.tsx

@@ -1,3 +1,24 @@
+import { useFamily } from "../../widgets/BaseFamilyRoute";
+import { FamilyPageTitle } from "../../widgets/FamilyPageTitle";
+
 export function FamilyHomeRoute(): React.ReactElement {
-  return <p>family home</p>;
+  const family = useFamily();
+  return (
+    <>
+      <FamilyPageTitle title="Votre famille" />
+      <div style={{ margin: "20px" }}>
+        <p>
+          Bienvenue sur l'espace dédié à la généalogie de votre famille !
+          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>
+    </>
+  );
 }