feat: some improvements

Signed-off-by: TheFaheem <[email protected]>

Author: FaheemOnHub

src/custom/ResponsiveDataTable.tsx

@@ -122,140 +122,6 @@ export const DataTableEllipsisMenu: React.FC<{
   );
 };
 
-
-const dataTableTheme = (theme: Theme, backgroundColor?: string) =>
-  createTheme({
-    typography: {
-      fontFamily: theme.typography.fontFamily
-    },
-    palette: {
-      mode: theme.palette.mode,
-      text: {
-        primary: theme.palette.text.default,
-        secondary: theme.palette.text.secondary
-      },
-      background: {
-        default: backgroundColor || theme.palette.background?.constant?.table,
-        paper: backgroundColor || theme.palette.background?.constant?.table
-      },
-      border: { ...theme.palette.border },
-      icon: { ...theme.palette.icon }
-    },
-    components: {
-      MuiTableCell: {
-        styleOverrides: {
-          root: {
-            borderBottom: `1px solid ${theme.palette.border.default}`
-          }
-        }
-      },
-      MuiPaper: {
-        styleOverrides: {
-          root: {
-            maxWidth: '100%'
-          }
-        }
-      },
-      MuiTable: {
-        styleOverrides: {
-          root: {
-            width: '-webkit-fill-available',
-            '@media (max-width: 500px)': {
-              wordWrap: 'break-word'
-            }
-          }
-        }
-      },
-      MUIDataTableHeadCell: {
-        styleOverrides: {
-          data: {
-            fontWeight: 'bold',
-            textTransform: 'uppercase'
-          },
-          root: {
-            fontWeight: 'bold',
-            textTransform: 'uppercase'
-          }
-        }
-      },
-      MUIDataTableSearch: {
-        styleOverrides: {
-          main: {
-            '@media (max-width: 600px)': {
-              justifyContent: 'center'
-            }
-          }
-        }
-      },
-      MuiCheckbox: {
-        styleOverrides: {
-          root: {
-            intermediate: false,
-            color: 'transparent',
-            '&.Mui-checked': {
-              color: theme.palette.primary.main,
-              '& .MuiSvgIcon-root': {
-                width: '1.25rem',
-                height: '1.25rem',
-                borderColor: theme.palette.border.brand,
-                marginLeft: '0px',
-                padding: '0px'
-              }
-            },
-            '&.MuiCheckbox-indeterminate': {
-              color: theme.palette.background.brand?.default
-            },
-            '& .MuiSvgIcon-root': {
-              width: '1.25rem',
-              height: '1.25rem',
-              border: `.75px solid ${theme.palette.border.strong}`,
-              borderRadius: '2px',
-              padding: '0px'
-            },
-            '&:hover': {
-              backgroundColor: 'transparent'
-            },
-            '&.Mui-disabled': {
-              '&:hover': {
-                cursor: 'not-allowed'
-              }
-            }
-          }
-        }
-      },
-      MuiInput: {
-        styleOverrides: {
-          root: {
-            '&:before': {
-              borderBottom: `2px solid ${theme.palette.border.brand}`
-            },
-            '&.Mui-focused:after': {
-              borderBottom: `2px solid ${theme.palette.border.brand}`
-            },
-            '&:hover:not(.Mui-disabled):before': {
-              borderBottom: `2px solid ${theme.palette.border.brand}`
-            }
-          }
-        }
-      },
-      MuiTableRow: {
-        styleOverrides: {
-          root: {
-            '&.Mui-disabled': {
-              cursor: 'not-allowed'
-            },
-            '&:nth-of-type(even)': {
-              backgroundColor: theme.palette.action.hover
-            },
-            '&:nth-of-type(odd)': {
-              backgroundColor: theme.palette.background.default
-            }
-          }
-        }
-      }
-    }
-  });
-
 export interface Column {
   name: string;
   label: string;