Minor adjustements

geneit_app/src/widgets/BaseFamilyRoute.tsx

@@ -6,6 +6,7 @@ import {
   mdiFamilyTree,
   mdiHumanMaleFemale,
   mdiLockCheck,
+  mdiPlus,
   mdiRefresh,
 } from "@mdi/js";
 import Icon from "@mdi/react";
@@ -18,6 +19,7 @@ import {
   ListItem,
   ListItemButton,
   ListItemIcon,
+  ListItemSecondaryAction,
   ListItemText,
   ListSubheader,
   Tooltip,
@@ -145,12 +147,30 @@ export function BaseFamilyRoute(): React.ReactElement {
                   icon={<Icon path={mdiCrowd} size={1} />}
                   label="Membres"
                   uri="members"
+                  secondaryAction={
+                    <Tooltip title="Créer une nouvelle fiche de membre">
+                      <RouterLink to={family!.URL("member/create")}>
+                        <IconButton>
+                          <Icon path={mdiPlus} size={0.75} />
+                        </IconButton>
+                      </RouterLink>
+                    </Tooltip>
+                  }
                 />
 
                 <FamilyLink
                   icon={<Icon path={mdiHumanMaleFemale} size={1} />}
                   label="Couples"
                   uri="couples"
+                  secondaryAction={
+                    <Tooltip title="Créer une nouvelle fiche de couple">
+                      <RouterLink to={family!.URL("couple/create")}>
+                        <IconButton>
+                          <Icon path={mdiPlus} size={0.75} />
+                        </IconButton>
+                      </RouterLink>
+                    </Tooltip>
+                  }
                 />
 
                 <FamilyLink
@@ -234,6 +254,7 @@ function FamilyLink(p: {
   icon: React.ReactElement;
   uri: string;
   label: string;
+  secondaryAction?: React.ReactElement;
 }): React.ReactElement {
   const family = useFamily();
   const location = useLocation();
@@ -244,6 +265,9 @@ function FamilyLink(p: {
       <ListItemButton selected={link === location.pathname}>
         <ListItemIcon>{p.icon}</ListItemIcon>
         <ListItemText primary={p.label} />
+        {p.secondaryAction && (
+          <ListItemSecondaryAction>{p.secondaryAction}</ListItemSecondaryAction>
+        )}
       </ListItemButton>
     </RouterLink>
   );

geneit_app/src/widgets/forms/PropSelect.tsx

@@ -23,7 +23,7 @@ export function PropSelect(p: {
     <FormControl fullWidth variant="filled" style={{ marginBottom: "15px" }}>
       <InputLabel>{p.label}</InputLabel>
       <Select
-        value={p.value}
+        value={p.value ?? ""}
         label={p.label}
         onChange={(e) => p.onValueChange(e.target.value)}
       >