From a8d4f1744b26d4089565790ced6d290f6629ec80 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Wed, 9 Nov 2022 13:43:09 +0100
Subject: [PATCH] fix key prop warning for file explorer menu

---
 .../workspace/src/lib/components/file-explorer-menu.tsx     | 4 +++-
 libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx      | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
index 49fc4393ce..511e62bf77 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
@@ -70,12 +70,13 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 tooltipId="uploadFileTooltip"
                 tooltipClasses="text-nowrap"
                 tooltipText={title}
+                key={`index-${action}-${placement}-${icon}`}
               >
                 <label
                   id={action}
                   data-id={'fileExplorerUploadFile' + action }
                   className={icon + ' mb-0 remixui_newFile'}
-                  key={index}
+                  key={`index-${action}-${placement}-${icon}`}
                 >
                     <input id="fileUpload" data-id="fileExplorerFileUpload" type="file" onChange={(e) => {
                       e.stopPropagation()
@@ -93,6 +94,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 tooltipId={`${action}-${title}-${icon}-${index}`}
                 tooltipClasses="text-nowrap"
                 tooltipText={title}
+                key={`${action}-${title}-${index}`}
               >
                 <span
                   id={action}
diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
index f9e64947a7..f11d960653 100644
--- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
+++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
@@ -355,6 +355,7 @@ export function Workspace () {
           _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceCreate'])
           hideIconsMenu(!showIconsMenu)
         }}
+        key={`workspacesCreate-fe-ws`}
       >
         <span
           hidden={currentWorkspace === LOCALHOST}
@@ -384,6 +385,7 @@ export function Workspace () {
           _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceDelete'])
           hideIconsMenu(!showIconsMenu)
         }}
+        key={`workspacesDelete-fe-ws`}
       >
         <span
           hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
@@ -412,6 +414,7 @@ export function Workspace () {
             hideIconsMenu(!showIconsMenu)
           }}
           data-id='workspaceRename'
+          key={`workspacesRename-fe-ws`}
         >
         <span
           hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
@@ -441,6 +444,7 @@ export function Workspace () {
           _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'cloneGitRepository'])
           hideIconsMenu(!showIconsMenu)
         }}
+        key={`cloneGitRepository-fe-ws`}
       >
         <span
           hidden={currentWorkspace === LOCALHOST}
@@ -471,6 +475,7 @@ export function Workspace () {
           _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesDownload'])
           hideIconsMenu(!showIconsMenu)
         }}
+        key={`workspacesDownload-fe-ws`}
       >
         <span
           hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
@@ -500,6 +505,7 @@ export function Workspace () {
           _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesRestore'])
           hideIconsMenu(!showIconsMenu)
         }}
+        key={`workspacesRestore-fe-ws`}
       >
         <span
           hidden={currentWorkspace === LOCALHOST}