aboutsummaryrefslogtreecommitdiff
path: root/modern/src/common/components/TableShimmer.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/common/components/TableShimmer.js')
-rw-r--r--modern/src/common/components/TableShimmer.js11
1 files changed, 6 insertions, 5 deletions
diff --git a/modern/src/common/components/TableShimmer.js b/modern/src/common/components/TableShimmer.js
index e7d12f95..3bccb22c 100644
--- a/modern/src/common/components/TableShimmer.js
+++ b/modern/src/common/components/TableShimmer.js
@@ -1,12 +1,13 @@
import React from 'react';
import { Skeleton, TableCell, TableRow } from '@mui/material';
-const TableShimmer = ({ columns, startAction, endAction }) => [...Array(3)].map(() => (
- <TableRow>
- {[...Array(columns)].map((_, i) => {
- const action = (startAction && i === 0) || (endAction && i === columns - 1);
+/* eslint-disable react/no-array-index-key */
+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 padding={action ? 'none' : 'normal'}>
+ <TableCell key={j} padding={action ? 'none' : 'normal'}>
{!action && <Skeleton />}
</TableCell>
);