Move to Vite

1 files changed, 17 insertions, 0 deletions

diff --git a/modern/src/common/components/TableShimmer.jsx b/modern/src/common/components/TableShimmer.jsx
new file mode 100644
index 00000000..08a984a4
--- /dev/null
+++ b/modern/src/common/components/TableShimmer.jsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Skeleton, TableCell, TableRow } from '@mui/material';
+
+const TableShimmer = ({ columns, startAction, endAction }) => [...Array(3)].map((_, i) => (
+  <TableRow key={-i}>
+    {[...Array(columns)].map((_, j) => {
+      const action = (startAction && j === 0) || (endAction && j === columns - 1);
+      return (
+        <TableCell key={-j} padding={action ? 'none' : 'normal'}>
+          {!action && <Skeleton />}
+        </TableCell>
+      );
+    })}
+  </TableRow>
+));
+
+export default TableShimmer;