fix boolean cell display

SeedCompany · Dec 20, 2024 · b3e373e · b3e373e
1 parent e7c8dad
commit b3e373e
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Grid/booleanColumn.tsx b/src/components/Grid/booleanColumn.tsx
@@ -1,3 +1,4 @@
+import { Check as CheckIcon, Close as CloseIcon } from '@mui/icons-material';
 import { GridColDef } from '@mui/x-data-grid';
 import { GridFilterInputBoolean } from './GridFilterInputBoolean';
 
@@ -21,4 +22,10 @@ export const booleanColumn = () =>
         InputComponent: GridFilterInputBoolean,
       },
     ],
+    renderCell: ({ value }) =>
+      value ? (
+        <CheckIcon color="success" />
+      ) : value === false ? (
+        <CloseIcon color="error" />
+      ) : null,
   } satisfies Partial<GridColDef>);