EIP-1559 - Provide tooltip text for all advanced gas controls (#11529)

app/_locales/en/messages.json

@@ -650,15 +650,24 @@
   "editGasHigh": {
     "message": "High"
   },
+  "editGasLimitTooltip": {
+    "message": "Gas limit is the maximum units of gas you are willing to use. Units of gas are a multiplier to “Max priority fee” and “Max fee”."
+  },
   "editGasLow": {
     "message": "Low"
   },
   "editGasMaxFeeLow": {
     "message": "Max fee too low for network conditions"
   },
+  "editGasMaxFeeTooltip": {
+    "message": "The max fee is the most you’ll pay (base fee + priority fee)."
+  },
   "editGasMaxPriorityFeeLow": {
     "message": "Max priority fee too low for network conditions"
   },
+  "editGasMaxPriorityFeeTooltip": {
+    "message": "Max priority fee (aka “miner tip”) goes directly to miners and incentivizes them to prioritize your transaction. You’ll most often pay your max setting"
+  },
   "editGasMedium": {
     "message": "Medium"
   },

ui/components/app/advanced-gas-controls/advanced-gas-controls.component.js

@@ -64,7 +64,7 @@ export default function AdvancedGasControls({
       <FormField
         titleText={t('gasLimit')}
         onChange={setGasLimit}
-        tooltipText=""
+        tooltipText={t('editGasLimitTooltip')}
         value={gasLimit}
         numeric
         autoFocus
@@ -74,7 +74,7 @@ export default function AdvancedGasControls({
           <FormField
             titleText={t('maxPriorityFee')}
             titleUnit="(GWEI)"
-            tooltipText=""
+            tooltipText={t('editGasMaxPriorityFeeTooltip')}
             onChange={(value) => {
               setMaxPriorityFee(value);
               onManualChange?.();
@@ -111,7 +111,7 @@ export default function AdvancedGasControls({
           <FormField
             titleText={t('maxFee')}
             titleUnit="(GWEI)"
-            tooltipText=""
+            tooltipText={t('editGasMaxFeeTooltip')}
             onChange={(value) => {
               setMaxFee(value);
               onManualChange?.();