wip

Author: pedronfigueiredo

ui/pages/confirmations/components/confirm/info/typed-sign/typed-sign-v4-simulation/decoded-simulation/decoded-simulation.tsx

@@ -71,6 +71,10 @@ const StateChangeRow = ({
   const { assetType, changeType, amount, contractAddress, tokenID } =
     stateChange;
   const tooltip = getStateChangeToolip(stateChangeList, stateChange, t);
+  const canDisplayValueAsUnlimited =
+    assetType === TokenStandard.ERC20 &&
+    (changeType === DecodingDataChangeType.Approve ||
+      changeType === DecodingDataChangeType.Revoke);
   return (
     <ConfirmInfoRow
       label={shouldDisplayLabel ? getStateChangeLabelMap(t, changeType) : ''}
@@ -86,6 +90,7 @@ const StateChangeRow = ({
           tokenId={tokenID}
           credit={changeType === DecodingDataChangeType.Receive}
           debit={changeType === DecodingDataChangeType.Transfer}
+          canDisplayValueAsUnlimited={canDisplayValueAsUnlimited}
         />
       )}
       {assetType === 'NATIVE' && (

ui/pages/confirmations/components/confirm/info/typed-sign/typed-sign-v4-simulation/value-display/value-display.tsx

@@ -56,6 +56,9 @@ type PermitSimulationValueDisplayParams = {
 
   /** True if value is being debited to wallet */
   debit?: boolean;
+
+  /** Wether a large amount can be substituted by "Unlimited" */
+  canDisplayValueAsUnlimited?: boolean;
 };
 
 const PermitSimulationValueDisplay: React.FC<
@@ -68,6 +71,7 @@ const PermitSimulationValueDisplay: React.FC<
   value,
   credit,
   debit,
+  canDisplayValueAsUnlimited,
 }) => {
   const t = useI18nContext();
 
@@ -146,7 +150,7 @@ const PermitSimulationValueDisplay: React.FC<
             >
               {credit && '+ '}
               {debit && '- '}
-              {shouldShowUnlimitedValue
+              {canDisplayValueAsUnlimited && shouldShowUnlimitedValue
                 ? t('unlimited')
                 : tokenValue !== null &&
                   shortenString(tokenValue || '', {