Merge pull request #4024 from EdgeApp/paul/showTokenNames

Show full token names for XRP

Author: paullinator

src/components/data/row/CurrencyRow.tsx

@@ -1,6 +1,7 @@
 import { EdgeCurrencyWallet, EdgeToken } from 'edge-core-js'
 import * as React from 'react'
 
+import { SPECIAL_CURRENCY_INFO } from '../../../constants/WalletAndCurrencyConstants'
 import { useWalletBalance } from '../../../hooks/useWalletBalance'
 import { useWalletName } from '../../../hooks/useWalletName'
 import { useSelector } from '../../../types/reactRedux'
@@ -36,6 +37,8 @@ interface Props {
 const CurrencyRowComponent = (props: Props) => {
   const { customAsset, marginRem, showRate = false, token, tokenId } = props
   const wallet = customAsset?.wallet ?? props.wallet
+  const { pluginId } = wallet.currencyInfo
+  const showTokenNames = SPECIAL_CURRENCY_INFO[pluginId]?.showTokenNames
 
   // Currency code and wallet name for display:
   const allTokens = wallet.currencyConfig.allTokens
@@ -56,10 +59,15 @@ const CurrencyRowComponent = (props: Props) => {
   const fiatText = showBalance ? <FiatText nativeCryptoAmount={balance} tokenId={displayTokenId} wallet={wallet} /> : null
   const icon = <CryptoIcon sizeRem={2} tokenId={displayTokenId} walletId={wallet.id} />
 
+  let displayCurrencyCode = currencyCode
+  if (showTokenNames === true && tokenFromId != null) {
+    displayCurrencyCode = `${tokenFromId.displayName}`
+  }
+
   return (
     <IconDataRow
       icon={icon}
-      leftText={currencyCode}
+      leftText={displayCurrencyCode}
       leftTextExtended={tickerText}
       leftSubtext={name}
       rightText={cryptoText}

src/constants/WalletAndCurrencyConstants.ts

@@ -127,6 +127,7 @@ interface SpecialCurrencyInfo {
   allowZeroTx?: boolean
   hasSegwit?: boolean
   isAccountActivationRequired?: boolean
+  showTokenNames?: boolean
   isCustomTokensSupported?: boolean
   isUriEncodedStructure?: boolean
   needsAccountNameSetup?: boolean
@@ -277,6 +278,7 @@ export const SPECIAL_CURRENCY_INFO: {
   },
   ripple: {
     initWalletName: s.strings.string_first_ripple_wallet_name,
+    showTokenNames: true,
     chainCode: 'XRP',
     dummyPublicAddress: 'rfuESo7eHUnvebxgaFjfYxfwXhM2uBPAj3',
     uniqueIdentifierInfo: {