Fix/custom table (#69)

* implement breadcrumb * fix xColumns
TogetherCrew · Sep 2, 2024 · 2d2e97d · 2d2e97d
1 parent 85f17be
commit 2d2e97d
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/shared/CustomTable.tsx b/src/components/shared/CustomTable.tsx
@@ -9,6 +9,9 @@ import {
   TableRow,
   Typography,
 } from '@mui/material';
+import { FaDiscord, FaGoogle } from 'react-icons/fa';
+
+import { capitalize } from '../../utils/helper';
 
 import AccessControlButton from './AccessControlButton';
 
@@ -64,8 +67,14 @@ const CustomTable: React.FC<CustomTableProps<AccessData>> = ({
             {xcolumns.map((platform, index) => (
               <TableCell key={index} align="center" sx={{ padding: 1 }}>
                 <div className="flex flex-row space-x-1.5 items-center justify-center">
-                  <Avatar>{platform.provider[0].toUpperCase()}</Avatar>
-                  <Typography>{platform.provider}</Typography>
+                  <Avatar>
+                    {platform.provider === 'discord' ? (
+                      <FaDiscord size={24} />
+                    ) : (
+                      <FaGoogle size={24} />
+                    )}
+                  </Avatar>
+                  <Typography>{capitalize(platform.provider)}</Typography>
                 </div>
               </TableCell>
             ))}