Merge pull request #1281 from oasisprotocol/csillag/support-hiding-al…

…l-fiat

Add support for hiding all fiat values

.changelog/1281.feature.md

@@ -0,0 +1 @@
+Add support for hiding all fiat values

.env

@@ -25,3 +25,4 @@ REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
 REACT_APP_SHOW_BUILD_BANNERS=true
 # REACT_APP_FIXED_NETWORK=testnet
 # REACT_APP_FIXED_LAYER=sapphire
+REACT_APP_SHOW_FIAT_VALUES=true

.env.production

@@ -20,3 +20,4 @@ REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
 REACT_APP_SHOW_BUILD_BANNERS=true
 # REACT_APP_FIXED_NETWORK=testnet
 # REACT_APP_FIXED_LAYER=sapphire
+REACT_APP_SHOW_FIAT_VALUES=true

src/app/components/Account/index.tsx

@@ -22,7 +22,7 @@ import { AccountAvatar } from '../AccountAvatar'
 import { RuntimeBalanceDisplay } from '../Balance/RuntimeBalanceDisplay'
 import { calculateFiatValue } from '../Balance/hooks'
 import { FiatMoneyAmount } from '../Balance/FiatMoneyAmount'
-import { getFiatCurrencyForScope, getTokensForScope } from '../../../config'
+import { getFiatCurrencyForScope, getTokensForScope, showFiatValues } from '../../../config'
 
 type AccountProps = {
   account?: RuntimeAccount
@@ -115,7 +115,7 @@ export const Account: FC<AccountProps> = ({ account, token, isLoading, tokenPric
             <TokenPills account={account} tokens={account.evm_balances} />
           </dd>
 
-          {!fiatValueInfo.loading && fiatValueInfo.hasValue && (
+          {showFiatValues && !fiatValueInfo.loading && fiatValueInfo.hasValue && (
             <>
               <dt>{t('common.fiatValue')}</dt>
               <dd>

src/app/pages/ParatimeDashboardPage/ParaTimeSnapshot.tsx

@@ -7,7 +7,7 @@ import { ActiveAccounts } from './ActiveAccounts'
 import { ChartDuration } from '../../utils/chart-utils'
 import { useTranslation } from 'react-i18next'
 import { useConstant } from '../../hooks/useConstant'
-import { getTokensForScope } from '../../../config'
+import { getTokensForScope, showFiatValues } from '../../../config'
 import { getLayerLabels } from '../../utils/content'
 import { TestnetFaucet } from './TestnetFaucet'
 import { SearchScope } from '../../../types/searchScope'
@@ -53,7 +53,7 @@ export const ParaTimeSnapshot: FC<{ scope: SearchScope }> = ({ scope }) => {
           <Nodes scope={scope} />
         </StyledGrid>
         <StyledGrid item xs={22} md={5}>
-          {!mainToken.free && <TokenPriceCard token={mainToken} />}
+          {showFiatValues && !mainToken.free && <TokenPriceCard token={mainToken} />}
           {faucetLink && <TestnetFaucet network={scope.network} layer={scope.layer} ticker={mainTicker} />}
         </StyledGrid>
       </Snapshot>

src/app/pages/RuntimeTransactionDetailPage/index.tsx

@@ -38,7 +38,7 @@ import { LongDataDisplay } from '../../components/LongDataDisplay'
 import { getPreciseNumberFormat } from '../../../locales/getPreciseNumberFormat'
 import { base64ToHex } from '../../utils/helpers'
 import { DappBanner } from '../../components/DappBanner'
-import { getFiatCurrencyForScope } from '../../../config'
+import { getFiatCurrencyForScope, showFiatValues } from '../../../config'
 
 type TransactionSelectionResult = {
   wantedTransaction?: RuntimeTransaction
@@ -327,7 +327,8 @@ export const RuntimeTransactionDetailView: FC<{
               : t('common.missing')}
           </dd>
 
-          {transaction.amount !== undefined &&
+          {showFiatValues &&
+            transaction.amount !== undefined &&
             !!tokenPriceInfo &&
             !tokenPriceInfo.isLoading &&
             !tokenPriceInfo.isFree &&

src/app/utils/faucet-links.ts

@@ -9,7 +9,9 @@ const faucetLinks: Partial<Record<Network, Partial<Record<Layer, Partial<Record<
     [Layer.consensus]: { [Ticker.TEST]: testnetFaucetUrl },
     [Layer.emerald]: { [Ticker.TEST]: `${faucetParaTimeBaseUrl}emerald` },
     [Layer.sapphire]: { [Ticker.TEST]: `${faucetParaTimeBaseUrl}sapphire` },
-    [Layer.pontusx]: { [Ticker.TEST]: 'mailto:[email protected]?subject=tokens' },
+    [Layer.pontusx]: {
+      [Ticker.EUROe]: `mailto:[email protected]?subject=${encodeURIComponent('Request test tokens')}`,
+    },
     [Layer.cipher]: { [Ticker.TEST]: `${faucetParaTimeBaseUrl}cipher` },
   },
 }

src/app/utils/url.ts

@@ -1,4 +1,4 @@
-const validProtocols = ['http:', 'https:', 'ftp:', 'ipfs:', 'data:']
+const validProtocols = ['http:', 'https:', 'ftp:', 'ipfs:', 'data:', 'mailto:']
 
 export const hasValidProtocol = (url: string | undefined): boolean => {
   if (!url) {

src/config.ts

@@ -197,3 +197,5 @@ export const getTokensForScope = (scope: SearchScope | undefined): NativeTokenIn
 
 export const getFiatCurrencyForScope = (scope: SearchScope | undefined) =>
   (scope ? paraTimesConfig[scope.layer]?.[scope.network]?.fiatCurrency : undefined) ?? 'usd'
+
+export const showFiatValues = process.env.REACT_APP_SHOW_FIAT_VALUES === 'true'

src/global.d.ts

@@ -25,6 +25,7 @@ declare global {
       REACT_APP_STAGING_URLS?: string
       REACT_APP_FIXED_NETWORK?: string
       REACT_APP_FIXED_LAYER?: string
+      REACT_APP_SHOW_FIAT_VALUES?: string
     }
   }
 }