Add shimmer to reports

1 files changed, 9 insertions, 6 deletions

diff --git a/modern/src/common/components/TableShimmer.js b/modern/src/common/components/TableShimmer.js
index 3208551f..e7d12f95 100644
--- a/modern/src/common/components/TableShimmer.js
+++ b/modern/src/common/components/TableShimmer.js
@@ -1,13 +1,16 @@
 import React from 'react';
 import { Skeleton, TableCell, TableRow } from '@mui/material';
 
-const TableShimmer = ({ columns }) => [...Array(3)].map(() => (
+const TableShimmer = ({ columns, startAction, endAction }) => [...Array(3)].map(() => (
   <TableRow>
-    {[...Array(columns)].map(() => (
-      <TableCell>
-        <Skeleton />
-      </TableCell>
-    ))}
+    {[...Array(columns)].map((_, i) => {
+      const action = (startAction && i === 0) || (endAction && i === columns - 1);
+      return (
+        <TableCell padding={action ? 'none' : 'normal'}>
+          {!action && <Skeleton />}
+        </TableCell>
+      );
+    })}
   </TableRow>
 ));