Start to build basic family tree

geneit_app/src/routes/family/FamilyMemberTreeRoute.tsx

@@ -20,6 +20,7 @@ import {
 import { useFamily } from "../../widgets/BaseFamilyRoute";
 import { MemberItem } from "../../widgets/MemberItem";
 import { RouterLink } from "../../widgets/RouterLink";
+import { BasicFamilyTree } from "../../widgets/BasicFamilyTree";
 
 enum CurrTab {
   BasicTree,
@@ -116,7 +117,13 @@ export function FamilyMemberTreeRoute(): React.ReactElement {
       </div>
 
       {/* the tree itself */}
-      <Paper style={{ flex: "1" }}>todo</Paper>
+      <Paper style={{ flex: "1" }}>
+        {currTab === CurrTab.BasicTree ? (
+          <BasicFamilyTree tree={tree!} />
+        ) : (
+          <>todo</>
+        )}
+      </Paper>
     </div>
   );
 }