feat: advanced table for customers

packages/admin-ui/src/utils/materialReactTableOpts.js

@@ -0,0 +1,33 @@
+const defaultMaterialTableOpts = {
+  enableGlobalFilter: false,
+  paginationDisplayMode: 'pages',
+  enableColumnActions: false,
+  initialState: { density: 'compact' },
+  mrtTheme: it => ({
+    ...it,
+    baseBackgroundColor: '#fff',
+  }),
+  muiTopToolbarProps: () => ({
+    sx: {
+      backgroundColor: 'var(--zodiac)',
+      '& .MuiButtonBase-root': { color: '#fff' },
+    },
+  }),
+  muiTableHeadRowProps: () => ({
+    sx: { backgroundColor: 'var(--zircon)' },
+  }),
+}
+
+const alignRight = {
+  muiTableHeadCellProps: {
+    align: 'right',
+  },
+  muiTableBodyCellProps: {
+    align: 'right',
+  },
+  muiTableFooterCellProps: {
+    align: 'right',
+  },
+}
+
+export { defaultMaterialTableOpts, alignRight }