From 64608c4f4b827cd9cbc3ff11185cfc5d93b594ce Mon Sep 17 00:00:00 2001
From: drafish <xwlyy1991@163.com>
Date: Thu, 30 May 2024 18:55:33 +0800
Subject: [PATCH] add tooltips for dapp-draft icon

---
 apps/remix-ide/src/app/tabs/locales/en/udapp.json     |  1 +
 .../run-tab/src/lib/components/universalDappUI.tsx    | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/locales/en/udapp.json b/apps/remix-ide/src/app/tabs/locales/en/udapp.json
index bfab9f9759..ef43397caa 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/udapp.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/udapp.json
@@ -109,6 +109,7 @@
 
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
   "udapp.tooltipTextRemove": "Remove from the list",
+  "udapp.tooltipTextEdit": "Create Dapp with QuickDapp in the main panel",
   "udapp.tooltipTextPin": "Pin contract",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",
   "udapp.tooltipText9": "The Calldata to send to fallback function of the contract.",
diff --git a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
index f2dc284fae..6192777e31 100644
--- a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
@@ -297,7 +297,16 @@ export function UniversalDappUI(props: UdappProps) {
             <label>
               <b><FormattedMessage id="udapp.balance" />:</b> {instanceBalance} ETH
             </label>
-            {props.exEnvironment && props.exEnvironment.startsWith('injected') && <i className="fas fa-edit btn btn-sm p-0" onClick={() => {props.editInstance(props.instance)}}></i>}
+            {props.exEnvironment && props.exEnvironment.startsWith('injected') && (
+              <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappEditTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextEdit" />}>
+                <i
+                  className="fas fa-edit btn btn-sm p-0"
+                  onClick={() => {
+                    props.editInstance(props.instance)
+                  }}
+                ></i>
+              </CustomTooltip>
+            )}
           </div>
           { props.isPinnedContract && props.instance.pinnedAt ? (
             <div className="d-flex" data-id="instanceContractPinnedAt">