From 2ddcfc41e2ee4a25e8ea95a470b0d7ea8847f1cf Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Sun, 26 Jun 2022 17:29:53 -0700
Subject: Better shimmer lint fix

---
 modern/src/common/components/TableShimmer.js   | 5 ++---
 modern/src/settings/components/EditItemView.js | 4 ++--
 2 files changed, 4 insertions(+), 5 deletions(-)

(limited to 'modern')

diff --git a/modern/src/common/components/TableShimmer.js b/modern/src/common/components/TableShimmer.js
index 3bccb22c..08a984a4 100644
--- a/modern/src/common/components/TableShimmer.js
+++ b/modern/src/common/components/TableShimmer.js
@@ -1,13 +1,12 @@
 import React from 'react';
 import { Skeleton, TableCell, TableRow } from '@mui/material';
 
-/* eslint-disable react/no-array-index-key */
 const TableShimmer = ({ columns, startAction, endAction }) => [...Array(3)].map((_, i) => (
-  <TableRow key={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'}>
+        <TableCell key={-j} padding={action ? 'none' : 'normal'}>
           {!action && <Skeleton />}
         </TableCell>
       );
diff --git a/modern/src/settings/components/EditItemView.js b/modern/src/settings/components/EditItemView.js
index a646f629..d45855dd 100644
--- a/modern/src/settings/components/EditItemView.js
+++ b/modern/src/settings/components/EditItemView.js
@@ -84,8 +84,8 @@ const EditItemView = ({
               </Typography>
             </AccordionSummary>
             <AccordionDetails>
-              {[...Array(3)].map(() => (
-                <Skeleton width="100%">
+              {[...Array(3)].map((_, i) => (
+                <Skeleton key={-i} width="100%">
                   <TextField />
                 </Skeleton>
               ))}
-- 
cgit v1.2.3