From 2266a9f58b172cb4aca8a45bf54b4047d7bcb7f8 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 9 Nov 2022 13:10:47 +0100
Subject: [PATCH] add key to li

---
 libs/remix-ui/helper/src/lib/helper-components.tsx     |  8 ++++----
 .../publish-to-storage/src/lib/publish-to-storage.tsx  |  8 ++++----
 libs/remix-ui/terminal/src/lib/terminalWelcome.tsx     | 10 +++++-----
 .../src/lib/vertical-icons-context-menu.tsx            |  2 ++
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/libs/remix-ui/helper/src/lib/helper-components.tsx b/libs/remix-ui/helper/src/lib/helper-components.tsx
index fc1cf49e88..ba482551c9 100644
--- a/libs/remix-ui/helper/src/lib/helper-components.tsx
+++ b/libs/remix-ui/helper/src/lib/helper-components.tsx
@@ -100,8 +100,8 @@ export const deployWithProxyMsg = () => (
   <div>
    <b>Deploy with Proxy</b> will initiate two (2) transactions:
     <ol className="pl-3">
-      <li>Deploying the implementation contract</li>
-      <li>Deploying an ERC1967 proxy contract</li>
+      <li key="impl-contract" >Deploying the implementation contract</li>
+      <li key="proxy-contract" >Deploying an ERC1967 proxy contract</li>
     </ol>
   </div>
 )
@@ -110,8 +110,8 @@ export const upgradeWithProxyMsg = () => (
   <div>
     <b>Upgrade with Proxy</b> will initiate two (2) transactions:
     <ol className="pl-3">
-      <li>Deploying the new implementation contract</li>
-      <li>Updating the proxy contract with the address of the new implementation contract</li>
+      <li key="new-impl-contract">Deploying the new implementation contract</li>
+      <li key="update-proxy-contract">Updating the proxy contract with the address of the new implementation contract</li>
     </ol>
   </div>
 )
diff --git a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
index 51b5d46b01..7d646043f3 100644
--- a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
+++ b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
@@ -40,17 +40,17 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
               We won’t be providing a public endpoint anymore for publishing your contracts to IPFS.<br></br>Instead of that, 4 options are now available:<br></br>
               <br></br>
               <ul className='pl-3'>
-                <li>
+                <li key="ipfs-default" >
                   DEFAULT OPTION:
                   Use the public INFURA node. This will not guarantee your data will persist.
                 </li>
-                <li>
+                <li key="infura-options">
                   Use your own INFURA IPFS node. This requires a subscription. <a href='https://infura.io/product/ipfs' target={'_blank'}>Learn more</a>
                 </li>
-                <li>
+                <li key="ipfs-external">
                   Use any external IPFS which doesn’t require any authentification.
                 </li>
-                <li>
+                <li key="ipfs-local">
                   Use your own local ipfs node (which usually runs under http://localhost:5001)
                 </li>
               </ul>
diff --git a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
index 6f80f555d4..5b29de1174 100644
--- a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
+++ b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
@@ -7,8 +7,8 @@ const TerminalWelcomeMessage = ({ packageJson, storage }) => {
       <div className="">Your files are stored in {(window as any).remixFileSystem.name}, {storage} used</div><br />
       <div>You can use this terminal to: </div>
       <ul className='ml-0 mr-4'>
-        <li>Check transactions details and start debugging.</li>
-        <li>Execute JavaScript scripts:
+        <li key="details-and-debug" >Check transactions details and start debugging.</li>
+        <li key="run-javascript">Execute JavaScript scripts:
           <br />
           <i> - Input a script directly in the command line interface </i>
           <br />
@@ -20,9 +20,9 @@ const TerminalWelcomeMessage = ({ packageJson, storage }) => {
 
       <div>The following libraries are accessible:</div>
       <ul className='ml-0 mr-4'>
-        <li><a target="_blank" href="https://web3js.readthedocs.io/en/1.0/">web3 version 1.5.2</a></li>
-        <li><a target="_blank" href="https://docs.ethers.io">ethers.js</a> </li>
-        <li>remix</li>
+        <li key="web3-152"><a target="_blank" href="https://web3js.readthedocs.io/en/1.0/">web3 version 1.5.2</a></li>
+        <li key="ethers-console"><a target="_blank" href="https://docs.ethers.io">ethers.js</a> </li>
+        <li key="remix-console">remix</li>
       </ul>
       <div>Type the library name to see available commands.</div>
     </div>
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
index b1ffa7c81b..0330af0412 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
@@ -82,6 +82,7 @@ const MenuForLinks = ({
             hide()
           }}
           className="remixui_liitem"
+          key="menuitemdeactivate"
         >
           Deactivate
         </li>
@@ -91,6 +92,7 @@ const MenuForLinks = ({
             <li
               id="menuitemdocumentation"
               className="remixui_liitem"
+              key="menuitemdocumentation"
             >
               <a
                 onClick={hide}