enhancement: warn about approvals for tokens that are not currently h…

…eld (#2711)

* add warning to approval popup

* add locale

packages/desktop/components/evm-transactions/EvmTokenApprovalAlert.svelte

@@ -9,6 +9,7 @@
     import { EvmTransactionAlert } from '.'
     import { IToken } from '@core/token'
     import { openUrlInBrowser } from '@core/app/utils'
+    import { Alert } from '@bloomwalletio/ui'
 
     export let parsedTokenApproval: IParsedTokenApproval
     export let networkId: EvmNetworkId
@@ -37,6 +38,7 @@
     {#if tokenTransfer.token}
         <TransactionAssetSection {tokenTransfer} />
     {:else}
+        <Alert variant="warning" text={localize('popups.tokenApproval.warning')} />
         <Table
             collapsible
             collapsibleTitle={localize('general.details')}

packages/shared/src/locales/en.json

@@ -1111,6 +1111,7 @@
         "tokenApproval": {
             "title": "Approve {dappName} to access {assetName}",
             "hint": "{address} is requesting approval to spend {assetName}",
+            "warning": "You don't own any of the approved tokens. Only approve tokens you trust.",
             "action": "Approve",
             "success": "Successfully approved"
         },