We need to change the UI of the approval popup in cases when the selected token requires revoke spending cap ( approve 0). The new UI will explain to the user not to change the amount from 0 to another value.
Wallet types:
Metamask user- Display new approve popup UI
TrustWallet, Coinbase wallet, etc- No change(current approve popup UI)
In case the token requires revoke(approve 0) before setting a new spending cap , the following changes will be made to the approval popup
- Change the text above the CTA to "Before updating {token} allowance, you are required to revoke it to 0"
- Change CTA text to "Revoke and Approve"
- Remove text below the CTA
Current approve popup

Revoke+Approve popup

see Carbon reference task below:
bancorprotocol/carbon-app#546
We need to change the UI of the approval popup in cases when the selected token requires revoke spending cap ( approve 0). The new UI will explain to the user not to change the amount from 0 to another value.
Wallet types:
Metamask user- Display new approve popup UI
TrustWallet, Coinbase wallet, etc- No change(current approve popup UI)
In case the token requires revoke(approve 0) before setting a new spending cap , the following changes will be made to the approval popup
Current approve popup

Revoke+Approve popup

see Carbon reference task below:
bancorprotocol/carbon-app#546