feat(suite): ContractAddressWithTooltip in TokenSelect

trezor · Oct 18, 2024 · 672f0c8 · 672f0c8
1 parent 6ef290b
commit 672f0c8
Showing 1 changed file with 37 additions and 29 deletions.
diff --git a/packages/suite/src/views/wallet/send/Outputs/Amount/TokenSelect.tsx b/packages/suite/src/views/wallet/send/Outputs/Amount/TokenSelect.tsx
@@ -63,35 +63,37 @@ export const buildTokenOptions = (
             });
         });
 
-        if (tokens.hiddenWithBalance.length) {
-            tokens.hiddenWithBalance.forEach(token => {
-                result.push({
-                    type: 'currency',
-                    symbol: token.symbol ?? symbol,
-                    networkSymbol: symbol,
-                    hidden: true,
-                    coingeckoId: getCoingeckoId(symbol) ?? '',
-                    contractAddress: token.contract,
-                    cryptoName: token.name,
-                    balance: token.balance,
-                });
-            });
-        }
+        // Right now we dont want to show hidden or unverified tokens, left for the future use
 
-        if (tokens.unverifiedWithBalance.length) {
-            tokens.unverifiedWithBalance.forEach(token => {
-                result.push({
-                    type: 'currency',
-                    unverified: true,
-                    symbol: token.symbol ?? symbol,
-                    networkSymbol: symbol,
-                    coingeckoId: getCoingeckoId(symbol) ?? '',
-                    contractAddress: token.contract,
-                    cryptoName: token.name,
-                    balance: token.balance,
-                });
-            });
-        }
+        // if (tokens.hiddenWithBalance.length) {
+        //     tokens.hiddenWithBalance.forEach(token => {
+        //         result.push({
+        //             type: 'currency',
+        //             symbol: token.symbol ?? symbol,
+        //             networkSymbol: symbol,
+        //             hidden: true,
+        //             coingeckoId: getCoingeckoId(symbol) ?? '',
+        //             contractAddress: token.contract,
+        //             cryptoName: token.name,
+        //             balance: token.balance,
+        //         });
+        //     });
+        // }
+
+        // if (tokens.unverifiedWithBalance.length) {
+        //     tokens.unverifiedWithBalance.forEach(token => {
+        //         result.push({
+        //             type: 'currency',
+        //             unverified: true,
+        //             symbol: token.symbol ?? symbol,
+        //             networkSymbol: symbol,
+        //             coingeckoId: getCoingeckoId(symbol) ?? '',
+        //             contractAddress: token.contract,
+        //             cryptoName: token.name,
+        //             balance: token.balance,
+        //         });
+        //     });
+        // }
     }
 
     return result;
@@ -272,12 +274,18 @@ export const TokenSelect = ({ outputId }: TokenSelectProps) => {
                                                 </Text>
                                             </Row>
                                             <Row justifyContent="flex-start">
-                                                {option.contractAddress && (
+                                                {option.contractAddress && option.cryptoName && (
                                                     <ContractAddressWithTooltip
                                                         contractAddress={option.contractAddress}
                                                         tooltipTextTypographyStyle="label"
                                                         variant="tertiary"
                                                         gap={spacings.xxxs}
+                                                        cryptoName={option.cryptoName}
+                                                        networkName={
+                                                            networks[
+                                                                option.networkSymbol as NetworkSymbol
+                                                            ].name
+                                                        }
                                                     />
                                                 )}
                                             </Row>