fix tooltip for disabled method call buttons

ethereum · Jul 18, 2023 · 611036f · 611036f · AnuragNishad12 · Jul 19, 2023
1 parent d737ddc
commit 611036f
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx
@@ -272,13 +272,6 @@ export function ContractGUI (props: ContractGUIProps) {
         className="udapp_contractActionsContainerSingle pt-2"
         style={{ display: toggleContainer ? "none" : "flex" }}
       > 
-        <CustomTooltip
-          delay={0}
-          placement={"right"}
-          tooltipClasses="text-wrap"
-          tooltipId="remixUdappInstanceButtonTooltip"
-          tooltipText={toggleUpgradeImp && !proxyAddress ? 'Proxy address cannot be empty' : (props.inputs !=='' && basicInput === '') ? 'Input required' : buttonOptions.title}
-        >
           <div
             className='d-flex'
             onClick={handleActionClick}
@@ -289,10 +282,17 @@ export function ContractGUI (props: ContractGUIProps) {
               data-title={buttonOptions.title}
               disabled={(toggleUpgradeImp && !proxyAddress) || props.disabled || (props.inputs !=='' && basicInput === '')}
             >
-              {title}
+              <CustomTooltip
+                delay={0}
+                placement={"right"}
+                tooltipClasses="text-wrap"
+                tooltipId="remixUdappInstanceButtonTooltip"
+                tooltipText={toggleUpgradeImp && !proxyAddress ? 'Proxy address cannot be empty' : (props.inputs !=='' && basicInput === '') ? 'Input required' : buttonOptions.title}
+              >
+              <div>{title}</div>
+              </CustomTooltip>
             </button>
           </div>
-        </CustomTooltip>
         <input
           className="form-control"
           data-id={