From 0652fbadc84e697bf557d9938a29ca6b2cd05905 Mon Sep 17 00:00:00 2001
From: Pierre Hubert <pierre.git@communiquons.org>
Date: Wed, 16 Aug 2023 10:48:56 +0200
Subject: [PATCH] Show sex on members list

---
 .../src/routes/family/FamilyMembersListRoute.tsx  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/geneit_app/src/routes/family/FamilyMembersListRoute.tsx b/geneit_app/src/routes/family/FamilyMembersListRoute.tsx
index 3fa1f89..bb0eac9 100644
--- a/geneit_app/src/routes/family/FamilyMembersListRoute.tsx
+++ b/geneit_app/src/routes/family/FamilyMembersListRoute.tsx
@@ -1,6 +1,8 @@
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/DeleteOutlined";
 import EditIcon from "@mui/icons-material/Edit";
+import FemaleIcon from "@mui/icons-material/Female";
+import MaleIcon from "@mui/icons-material/Male";
 import VisibilityIcon from "@mui/icons-material/Visibility";
 import { Button, TextField, Tooltip } from "@mui/material";
 import { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
@@ -109,6 +111,7 @@ function MembersTable(p: {
         return <MemberPhoto member={params.row} />;
       },
     },
+
     {
       field: "last_name",
       headerName: "Nom",
@@ -119,6 +122,18 @@ function MembersTable(p: {
       headerName: "Prénom",
       flex: 3,
     },
+
+    {
+      field: "sex",
+      headerName: "",
+      disableColumnMenu: true,
+      width: 20,
+      renderCell(params) {
+        if (params.row.sex === "F")
+          return <FemaleIcon fontSize="small" htmlColor="pink" />;
+        else return <MaleIcon fontSize="small" htmlColor="lightBlue" />;
+      },
+    },
     {
       field: "dateOfBirth",
       headerName: "Date de naissance",