Merge pull request #85 from availproject/ghali/ledger-derivation

add ledger derivation path to account imported

packages/page-accounts/src/modals/CreateSuriLedger.tsx

@@ -3,7 +3,7 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
-import { selectableNetworks } from '@polkadot/networks';
+import { selectableNetworks as polkadotSelectableNetworks } from '@polkadot/networks';
 import { Dropdown, MarkError, Modal } from '@polkadot/react-components';
 
 import { useTranslation } from '../translate.js';
@@ -15,13 +15,29 @@ interface Props {
   seedType: string;
 }
 
+const selectableNetworks = polkadotSelectableNetworks.filter((x) => x.network === 'polkadot').concat({
+  decimals: [18],
+  displayName: 'Avail network',
+  genesisHash: ['0xb91746b45e0346cc2f815a520b9c6cb4d5c0902af848db0a80f85932d2e8276a'],
+  hasLedgerSupport: true,
+  icon: 'substrate',
+  isIgnored: false,
+  isTestnet: false,
+  network: 'avail',
+  prefix: 709,
+  slip44: 709,
+  standardAccount: '*25519',
+  symbols: ['AVAIL'],
+  website: 'https://availproject.org'
+}).reverse();
+
 const ledgerNets = selectableNetworks.filter(({ hasLedgerSupport }) => hasLedgerSupport);
 
 function CreateSuriLedger ({ className, onChange, seedType }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const [accIndex, setAccIndex] = useState(0);
   const [addIndex, setAddIndex] = useState(0);
-  const [chainType, setChainType] = useState('polkadot');
+  const [chainType, setChainType] = useState('avail');
 
   const netOpts = useRef(ledgerNets.map(({ displayName, network }) => ({
     text: displayName,