Use legder info from defined genesisHashes

packages/extension-ui/src/Popup/ImportLedger.tsx

@@ -6,6 +6,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 
+import networks from '@polkadot/networks';
 import settings from '@polkadot/ui-settings';
 
 import { ActionContext, Address, Button, ButtonArea, Dropdown, VerticalSpace, Warning } from '../components';
@@ -14,7 +15,6 @@ import useTranslation from '../hooks/useTranslation';
 import { createAccountHardware } from '../messaging';
 import { Header, Name } from '../partials';
 import { ThemeProps } from '../types';
-import ledgerChains from '../util/legerChains';
 
 interface AccOption {
   text: string;
@@ -59,16 +59,20 @@ function ImportLedger ({ className }: Props): React.ReactElement {
     value
   })));
 
-  const networkOps = useRef(
-    [{
+  const networkOps = useRef([
+    {
       text: t('Select network'),
       value: ''
     },
-    ...ledgerChains.map(({ displayName, genesisHash }): NetworkOption => ({
-      text: displayName,
-      value: genesisHash[0]
-    }))]
-  );
+    ...(
+      networks
+        .filter((n) => n.hasLedgerSupport)
+        .map(({ displayName, genesisHash }): NetworkOption => ({
+          text: displayName,
+          value: genesisHash[0]
+        }))
+    )
+  ]);
 
   const _onSave = useCallback(
     () => {

packages/extension-ui/src/hooks/useLedger.ts

@@ -4,11 +4,10 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { Ledger } from '@polkadot/hw-ledger';
-import { Network } from '@polkadot/networks/types';
+import { knownGenesis, knownLedger } from '@polkadot/networks/defaults';
 import uiSettings from '@polkadot/ui-settings';
 import { assert } from '@polkadot/util';
 
-import ledgerChains from '../util/legerChains';
 import useTranslation from './useTranslation';
 
 interface StateBase {
@@ -28,35 +27,35 @@ interface State extends StateBase {
   warning: string | null;
 }
 
-function getNetwork (genesis: string): Network | undefined {
-  return ledgerChains.find(({ genesisHash }) => genesisHash[0] === genesis);
+function getState (): StateBase {
+  const isLedgerCapable = !!(window as unknown as { USB?: unknown }).USB;
+
+  return {
+    isLedgerCapable,
+    isLedgerEnabled: isLedgerCapable && uiSettings.ledgerConn !== 'none'
+  };
+}
+
+function getNetwork (genesisHash: string): string | undefined {
+  return Object.keys(knownGenesis).find((n) => knownGenesis[n].includes(genesisHash));
 }
 
-function retrieveLedger (genesis: string): Ledger {
+function retrieveLedger (genesisHash: string): Ledger {
   let ledger: Ledger | null = null;
 
   const { isLedgerCapable } = getState();
 
   assert(isLedgerCapable, 'Incompatible browser, only Chrome is supported');
 
-  const def = getNetwork(genesis);
+  const network = getNetwork(genesisHash);
 
-  assert(def, `Unable to find supported chain for ${genesis}`);
+  assert(network && knownLedger[network], `Unable to find Ledger config for genesisHash ${genesisHash}`);
 
-  ledger = new Ledger('webusb', def.network);
+  ledger = new Ledger('webusb', network);
 
   return ledger;
 }
 
-function getState (): StateBase {
-  const isLedgerCapable = !!(window as unknown as { USB?: unknown }).USB;
-
-  return {
-    isLedgerCapable,
-    isLedgerEnabled: isLedgerCapable && uiSettings.ledgerConn !== 'none'
-  };
-}
-
 export function useLedger (genesis?: string | null, accountIndex = 0, addressOffset = 0): State {
   const [isLoading, setIsLoading] = useState(false);
   const [isLocked, setIsLocked] = useState(false);
@@ -100,7 +99,7 @@ export function useLedger (genesis?: string | null, accountIndex = 0, addressOff
         setAddress(res.address);
       }).catch((e: Error) => {
         setIsLoading(false);
-        const { network } = getNetwork(genesis) || { network: 'unknown network' };
+        const network = getNetwork(genesis) || 'unknown network';
 
         const warningMessage = e.message.includes('Code: 26628')
           ? t<string>('Is your ledger locked?')