From d0fb3bbec68919f4c9cdc630bf14343b2d839496 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Wed, 9 Nov 2022 15:19:16 -0700
Subject: [PATCH] Fix lint errors

---
 web/src/routes/Debug.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/routes/Debug.jsx b/web/src/routes/Debug.jsx
index 8d95b0cd4..3f77b0be6 100644
--- a/web/src/routes/Debug.jsx
+++ b/web/src/routes/Debug.jsx
@@ -24,7 +24,6 @@ export default function Debug() {
   const detectorNames = Object.keys(detectors || emptyObject);
   const detectorDataKeys = Object.keys(detectors ? detectors[detectorNames[0]] : emptyObject);
   const cameraNames = Object.keys(cameras || emptyObject);
-  const cameraDataKeys = Object.keys(cameras[cameraNames[0]] || emptyObject);
 
   const handleCopyConfig = useCallback(() => {
     async function copy() {
@@ -59,9 +58,9 @@ export default function Debug() {
         <Fragment>
           <Heading>Detectors</Heading>
           <div data-testid="detectors" className="min-w-0 overflow-auto">
-            {detectorNames.map((name) => (
-              <div className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 m-2">
-                <div className="text-lg flex justify-between">{name}</div>
+            {detectorNames.map((detector) => (
+              <div key={detector} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 m-2">
+                <div className="text-lg flex justify-between">{detector}</div>
                 <Table className="w-full">
                   <Thead>
                     <Tr>
@@ -86,8 +85,8 @@ export default function Debug() {
 
           <Heading>Cameras</Heading>
           <div data-testid="cameras" className="min-w-0 overflow-auto">
-            {cameraNames.map((camera, i) => (
-              <div className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 m-2">
+            {cameraNames.map((camera) => (
+              <div key={camera} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 m-2">
                 <div className="text-lg flex justify-between">
                   <Link href={`/cameras/${camera}`}>{camera.replaceAll('_', ' ')}</Link>
                   <Button onClick={(e) => onCopyFfprobe(camera, e)}>copy ffprobe</Button>