From 900f055b1b6f14c10b6f5d20eb3ff5623b682357 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 1 Sep 2020 17:20:08 -0700
Subject: [PATCH] fix stray console warnings

Some unused vars, and some missing React keys!
---
 src/app/WardrobePage/Item.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js
index 32c7cf3..984a595 100644
--- a/src/app/WardrobePage/Item.js
+++ b/src/app/WardrobePage/Item.js
@@ -9,7 +9,6 @@ import {
   Skeleton,
   Tooltip,
   Wrap,
-  useColorMode,
   useColorModeValue,
   useTheme,
 } from "@chakra-ui/core";
@@ -94,10 +93,18 @@ function Item({
               </ItemBadgeTooltip>
             )}
             {occupiedZoneLabels.map((zoneLabel) => (
-              <ZoneBadge variant="occupies" zoneLabel={zoneLabel} />
+              <ZoneBadge
+                key={zoneLabel}
+                variant="occupies"
+                zoneLabel={zoneLabel}
+              />
             ))}
             {restrictedZoneLabels.map((zoneLabel) => (
-              <ZoneBadge variant="restricts" zoneLabel={zoneLabel} />
+              <ZoneBadge
+                key={zoneLabel}
+                variant="restricts"
+                zoneLabel={zoneLabel}
+              />
             ))}
           </Wrap>
         </Box>
@@ -221,7 +228,6 @@ function ItemContainer({ children, isDisabled = false }) {
  */
 function ItemThumbnail({ src, isWorn, isDisabled }) {
   const theme = useTheme();
-  const colorMode = useColorMode();
 
   const borderColor = useColorModeValue(
     theme.colors.green["700"],