From cf56545adfd469ddd239cddf4e6ea2b15ada15ed Mon Sep 17 00:00:00 2001
From: Rus Khakimov <396223+khakimov@users.noreply.github.com>
Date: Fri, 3 Nov 2023 15:54:58 +0700
Subject: [PATCH] Add unique key prop to list items in Settings and Highlight
 components

---
 src/renderer/pages/Pile/Posts/Post/Ball/index.jsx | 3 ++-
 src/renderer/pages/Pile/Settings/index.jsx        | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/pages/Pile/Posts/Post/Ball/index.jsx b/src/renderer/pages/Pile/Posts/Post/Ball/index.jsx
index e8e1b69..bbdf504 100644
--- a/src/renderer/pages/Pile/Posts/Post/Ball/index.jsx
+++ b/src/renderer/pages/Pile/Posts/Post/Ball/index.jsx
@@ -16,9 +16,10 @@ const Ball = ({
   const [person, setPerson] = React.useState('pedro');
 
   const renderHightlights = () => {
-    return Array.from(highlights, ([highlight, data]) => {
+    return Array.from(highlights, ([highlight, data], index) => {
       return (
         <DropdownMenu.Item
+          key={index}
           className={styles.DropdownMenuItem}
           onSelect={() => setHighlight(highlight)}
         >
diff --git a/src/renderer/pages/Pile/Settings/index.jsx b/src/renderer/pages/Pile/Settings/index.jsx
index 28e4b06..8bfbb87 100644
--- a/src/renderer/pages/Pile/Settings/index.jsx
+++ b/src/renderer/pages/Pile/Settings/index.jsx
@@ -33,10 +33,11 @@ export default function Settings() {
   };
 
   const renderThemes = () => {
-    return Object.keys(availableThemes).map((theme) => {
+    return Object.keys(availableThemes).map((theme, index) => {
       const colors = availableThemes[theme];
       return (
         <button
+          key={index}
           className={`${styles.theme} ${
             currentTheme == theme && styles.current
           }`}