aboutsummaryrefslogtreecommitdiff
path: root/modern/src/common/components
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-06-20 08:36:36 -0700
committerAnton Tananaev <anton@traccar.org>2022-06-20 08:36:36 -0700
commitd2de65460577a46dfa20f8df6870b10fa9c7d49e (patch)
tree03d72d3bafe4022a041811c9d1b40fe63626cb50 /modern/src/common/components
parentb43c68e16e8af8db474b879421369e66a6f5da5f (diff)
downloadtrackermap-web-d2de65460577a46dfa20f8df6870b10fa9c7d49e.tar.gz
trackermap-web-d2de65460577a46dfa20f8df6870b10fa9c7d49e.tar.bz2
trackermap-web-d2de65460577a46dfa20f8df6870b10fa9c7d49e.zip
Loading shimmer for settings
Diffstat (limited to 'modern/src/common/components')
-rw-r--r--modern/src/common/components/TableShimmer.js14
1 files changed, 14 insertions, 0 deletions
diff --git a/modern/src/common/components/TableShimmer.js b/modern/src/common/components/TableShimmer.js
new file mode 100644
index 00000000..3208551f
--- /dev/null
+++ b/modern/src/common/components/TableShimmer.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Skeleton, TableCell, TableRow } from '@mui/material';
+
+const TableShimmer = ({ columns }) => [...Array(3)].map(() => (
+ <TableRow>
+ {[...Array(columns)].map(() => (
+ <TableCell>
+ <Skeleton />
+ </TableCell>
+ ))}
+ </TableRow>
+));
+
+export default TableShimmer;