Can disable couple photos (#5)

Add an option in family settings to disable couple photos from Web UI

Reviewed-on: #5

geneit_app/src/widgets/BaseFamilyRoute.tsx

@@ -26,17 +26,17 @@ import {
 } from "@mui/material";
 import React from "react";
 import { Outlet, useLocation, useParams } from "react-router-dom";
-import { Family, FamilyApi } from "../api/FamilyApi";
+import { CoupleApi, CouplesList } from "../api/CoupleApi";
+import { ExtendedFamilyInfo, FamilyApi } from "../api/FamilyApi";
 import { MemberApi, MembersList } from "../api/MemberApi";
 import { useAlert } from "../hooks/context_providers/AlertDialogProvider";
 import { useConfirm } from "../hooks/context_providers/ConfirmDialogProvider";
 import { useSnackbar } from "../hooks/context_providers/SnackbarProvider";
 import { AsyncWidget } from "./AsyncWidget";
 import { RouterLink } from "./RouterLink";
-import { CoupleApi, CouplesList } from "../api/CoupleApi";
 
 interface FamilyContext {
-  family: Family;
+  family: ExtendedFamilyInfo;
   members: MembersList;
   couples: CouplesList;
   familyId: number;
@@ -53,7 +53,7 @@ export function BaseFamilyRoute(): React.ReactElement {
   const alert = useAlert();
   const confirm = useConfirm();
 
-  const [family, setFamily] = React.useState<null | Family>(null);
+  const [family, setFamily] = React.useState<null | ExtendedFamilyInfo>(null);
   const [members, setMembers] = React.useState<null | MembersList>(null);
   const [couples, setCouples] = React.useState<null | CouplesList>(null);
 

geneit_app/src/widgets/forms/DateInput.tsx

@@ -1,6 +1,7 @@
 import { Stack, TextField, Typography } from "@mui/material";
 import { NumberConstraint, ServerApi } from "../../api/ServerApi";
 import { DateValue, fmtDate } from "../../api/MemberApi";
+import { PropEdit } from "./PropEdit";
 
 export function DateInput(p: {
   id: string;
@@ -13,13 +14,7 @@ export function DateInput(p: {
     if (!p.value) return <></>;
 
     return (
-      <Typography
-        variant="body2"
-        display="block"
-        style={{ marginBottom: "15px" }}
-      >
-        {p.label} : {fmtDate(p.value!)}
-      </Typography>
+      <PropEdit editable={false} label={p.label} value={fmtDate(p.value!)} />
     );
   }