Properly detect Rinkeby and Ropsten TokenRegistry tokens as mintable

packages/website/ts/components/token_balances.tsx

@@ -362,8 +362,14 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
             EtherscanLinkSuffixes.Address,
         );
         const isMintable =
-            _.includes(configs.SYMBOLS_OF_MINTABLE_TOKENS, token.symbol) &&
-            this.props.networkId !== constants.NETWORK_ID_MAINNET;
+            (_.includes(configs.SYMBOLS_OF_MINTABLE_KOVAN_TOKENS, token.symbol) &&
+                this.props.networkId === constants.NETWORK_ID_BY_NAME[Networks.Kovan]) ||
+            (_.includes(configs.SYMBOLS_OF_MINTABLE_RINKEBY_ROPSTEN_TOKENS, token.symbol) &&
+                _.includes(
+                    [constants.NETWORK_ID_BY_NAME[Networks.Rinkeby], constants.NETWORK_ID_BY_NAME[Networks.Ropsten]],
+                    this.props.networkId,
+                ));
+        console.log('token', token);
         return (
             <TableRow key={token.address} style={{ height: TOKEN_TABLE_ROW_HEIGHT }}>
                 <TableRowColumn colSpan={tokenColSpan}>

packages/website/ts/utils/configs.ts

@@ -124,5 +124,27 @@ export const configs = {
         [4]: [`https://rinkeby.infura.io/${INFURA_API_KEY}`],
     } as PublicNodeUrlsByNetworkId,
     SHOULD_DEPRECATE_OLD_WETH_TOKEN: true,
-    SYMBOLS_OF_MINTABLE_TOKENS: ['MKR', 'MLN', 'GNT', 'DGD', 'REP'],
+    SYMBOLS_OF_MINTABLE_KOVAN_TOKENS: ['MKR', 'MLN', 'GNT', 'DGD', 'REP'],
+    SYMBOLS_OF_MINTABLE_RINKEBY_ROPSTEN_TOKENS: [
+        'TKN0',
+        'TKN1',
+        'TKN2',
+        'TKN3',
+        'TKN4',
+        'TKN5',
+        'TKN6',
+        'TKN7',
+        'TKN8',
+        'TKN9',
+        'TKN10',
+        'TKN11',
+        'TKN12',
+        'TKN13',
+        'TKN14',
+        'TKN15',
+        'TKN16',
+        'TKN17',
+        'TKN18',
+        'TKN19',
+    ],
 };