Can set member email and phone number

geneit_app/src/routes/family/FamilyMemberRoute.tsx

@@ -3,6 +3,7 @@ import DeleteIcon from "@mui/icons-material/Delete";
 import EditIcon from "@mui/icons-material/Edit";
 import SaveIcon from "@mui/icons-material/Save";
 import { Button, Grid, Stack } from "@mui/material";
+import * as EmailValidator from "email-validator";
 import React from "react";
 import FileDownloadIcon from "@mui/icons-material/FileDownload";
 import { useNavigate, useParams } from "react-router-dom";
@@ -494,7 +495,32 @@ export function MemberPage(p: {
 
         {/* Contact */}
         <Grid item sm={12} md={6}>
-          <PropertiesBox title="Contact">TODO</PropertiesBox>
+          <PropertiesBox title="Contact">
+            {/* Email */}
+            <PropEdit
+              label="Adresse mail"
+              editable={p.editing}
+              value={member.email}
+              onValueChange={(v) => {
+                member.email = v;
+                updatedMember();
+              }}
+              size={ServerApi.Config.constraints.member_email}
+              checkValue={(e) => EmailValidator.validate(e)}
+            />
+
+            {/* Phone number */}
+            <PropEdit
+              label="Téléphone"
+              editable={p.editing}
+              value={member.phone}
+              onValueChange={(v) => {
+                member.phone = v;
+                updatedMember();
+              }}
+              size={ServerApi.Config.constraints.member_phone}
+            />
+          </PropertiesBox>
         </Grid>
 
         {/* Bio */}