From 631823bc79c5048cc49c1b12b612de4a0e5e43c6 Mon Sep 17 00:00:00 2001
From: neil-lobo <neil_edward_lobo@hotmail.com>
Date: Thu, 25 Apr 2024 21:19:43 -0400
Subject: [PATCH] add key to list item to resolve warning

---
 src/layout/Setting/Appearance/Accent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layout/Setting/Appearance/Accent.tsx b/src/layout/Setting/Appearance/Accent.tsx
index a341ac5d5..d57816fae 100644
--- a/src/layout/Setting/Appearance/Accent.tsx
+++ b/src/layout/Setting/Appearance/Accent.tsx
@@ -83,8 +83,8 @@ export const Accent = () => {
 
   return (
     <div className="flex gap-4 items-center">
-      {ACCENTS.map((accent: { name: string; hsl: string }) => {
-        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} />;
+      {ACCENTS.map((accent: { name: string; hsl: string }, i) => {
+        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} key={i} />;
       })}
     </div>
   );