Use different aspect ratio for single member and couple

geneit_app/src/dialogs/ImageCropperDialog.tsx

@@ -15,6 +15,7 @@ export function ImageCropperDialog(p: {
   onCancel: () => void;
   onSubmit: (croppedArea: Area | undefined) => void;
   processing: boolean;
+  aspect?: number;
 }): React.ReactElement {
   const [crop, setCrop] = React.useState({ x: 0, y: 0 });
   const [zoom, setZoom] = React.useState(1);
@@ -34,7 +35,7 @@ export function ImageCropperDialog(p: {
               image={p.src}
               crop={crop}
               zoom={zoom}
-              aspect={4 / 5}
+              aspect={p.aspect}
               onCropChange={setCrop}
               onCropComplete={(_a, b) => setCroppedArea(b)}
               onZoomChange={setZoom}

geneit_app/src/routes/family/FamilyCoupleRoute.tsx

@@ -376,6 +376,7 @@ export function CouplePage(p: {
                   <UploadPhotoButton
                     label={couple.hasPhoto ? "Remplacer" : "Ajouter"}
                     onPhotoSelected={uploadNewPhoto}
+                    aspect={5 / 4}
                   />{" "}
                   {couple.hasPhoto && (
                     <RouterLink to={couple.photoURL!} target="_blank">

geneit_app/src/routes/family/FamilyMemberRoute.tsx

@@ -476,6 +476,7 @@ export function MemberPage(p: {
                   <UploadPhotoButton
                     label={member.hasPhoto ? "Remplacer" : "Ajouter"}
                     onPhotoSelected={uploadNewPhoto}
+                    aspect={4 / 5}
                   />{" "}
                   {member.hasPhoto && (
                     <RouterLink to={member.photoURL!} target="_blank">

geneit_app/src/widgets/forms/UploadPhotoButton.tsx

@@ -13,6 +13,7 @@ import { isDebug } from "../../utils/debug_utils";
 export function UploadPhotoButton(p: {
   label: string;
   onPhotoSelected: (b: Blob) => Promise<void>;
+  aspect?: number;
 }): React.ReactElement {
   const [processing, setProcessing] = React.useState(false);
   const [imageBlob, setImageBlob] = React.useState<Blob>();
@@ -115,6 +116,7 @@ export function UploadPhotoButton(p: {
           src={imageURL!}
           onCancel={cancelCrop}
           onSubmit={submitCrop}
+          aspect={p.aspect}
         />
       )}
     </>