Show sex on members list

This commit is contained in:
Pierre HUBERT 2023-08-16 10:48:56 +02:00
parent 8c6994e86d
commit 0652fbadc8

View File

@ -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",