pierre/GeneIT
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

Improve basic family tree

Browse Source
This commit is contained in:
Pierre HUBERT 2023-08-22 11:51:17 +02:00
parent 4eaaa11cc6
commit 365b71ba2d
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
geneit_app/src/widgets/BasicFamilyTree.tsx
View File

@ -6,7 +6,7 @@ import React from "react";
import { MemberPhoto } from "./MemberPhoto";
import { Member, fmtDate } from "../api/MemberApi";
import Icon from "@mdi/react";
import { mdiCross } from "@mdi/js";
import { mdiBabyCarriage, mdiCross } from "@mdi/js";
export function BasicFamilyTree(p: {
tree: FamilyTreeNode;
@ -72,9 +72,23 @@ function BasicFamilyMemberItem(p: {
{p.member.fullName}{" "}
{p.member?.dead && <Icon path={mdiCross} size={"1rem"} />}
</span>
{(p.member.dateOfBirth || p.member.dateOfDeath) &&
fmtDate(p.member.dateOfBirth) +
(p.member.dateOfDeath ? " - " + fmtDate(p.member.dateOfDeath) : "")}
<span style={{ display: "inline-flex", alignItems: "center" }}>
{p.member.dateOfBirth && (
<>
<Icon path={mdiBabyCarriage} size={"1rem"} />{" "}
{fmtDate(p.member.dateOfBirth)}
</>
)}
<span style={{ width: "10px" }}></span>
{p.member.dateOfDeath && (
<>
<Icon path={mdiCross} size={"1rem"} />
{fmtDate(p.member.dateOfDeath)}
</>
)}
</span>
</div>
</div>
);