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 { } /> + } /> + } /> @@ -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.

-

Nombre de fiches de membres: {family.members.size}

-

Nombre de fiches de couples: {family.couples.size}

-

- Vous pouvez inviter d'autres personnes à rejoindre cette famille en - leur donnant une copie du code d'invitation -

); 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 ( + <> + +
+

+ Depuis cette section de l'application, vous pouvez afficher et + compléter l'abre généalogique de votre famille. +

+

 

+

Nombre de fiches de membres: {family.members.size}

+

Nombre de fiches de couples: {family.couples.size}

+
+ + ); +} 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 { Généalogie + } + label="Accueil" + uri="genealogy" + /> } label="Membres"