Add support for overriding names of special scopes

Normally, the name of a scope is derived by concatenating
the name of the layer (i.e. "Sapphire") and
the name of the network (i.e. "Testnet") ==> "Sapphire Testnet"

However, in some specific cases, we might want to have something different.
This can be achieved by this override function.

Author: csillag

src/config.ts

@@ -3,6 +3,7 @@
 import { Layer } from './oasis-nexus/generated/api'
 import { NativeToken, NativeTokenInfo } from './types/ticker'
 import { SearchScope } from './types/searchScope'
+import { Network } from './types/network'
 
 export const consensusDecimals = 9
 /**
@@ -202,3 +203,8 @@ 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'
+
+export const specialScopeNames: Partial<Record<Network, Partial<Record<Layer, string>>>> = {
+  [Network.mainnet]: {},
+  [Network.testnet]: {},
+}

src/types/searchScope.ts

@@ -2,6 +2,7 @@ import { getNetworkNames, Network } from './network'
 import { getLayerLabels } from '../app/utils/content'
 import { HasScope, Layer } from '../oasis-nexus/api'
 import { TFunction } from 'i18next'
+import { specialScopeNames } from '../config'
 
 export interface SearchScope {
   network: Network
@@ -14,6 +15,7 @@ export const MainnetEmerald: SearchScope = {
 }
 
 export const getNameForScope = (t: TFunction, scope: SearchScope) =>
+  specialScopeNames[scope.network]?.[scope.layer] ??
   `${getLayerLabels(t)[scope.layer]} ${getNetworkNames(t)[scope.network]}`
 
 export const getKeyForScope: (scope: SearchScope) => string = ({ network, layer }) => `${network}.${layer}`