Fix connect Ledger on Aleph Zero

Author: saltict

packages/extension-web-ui/src/Popup/Confirmations/parts/Sign/Evm.tsx

@@ -294,7 +294,13 @@ const Component: React.FC<Props> = (props: Props) => {
         loading={loading}
         onClick={onConfirm}
       >
-        {t('Approve')}
+        {
+          signMode !== AccountSignMode.LEDGER
+            ? t('Approve')
+            : !isLedgerConnected
+              ? t('Refresh')
+              : t('Approve')
+        }
       </Button>
       {
         signMode === AccountSignMode.QR && (

packages/extension-web-ui/src/constants/error.ts

@@ -0,0 +1,4 @@
+// Copyright 2019-2022 @subwallet/extension-koni-ui authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const ledgerIncompatible = 'Incompatible browser. Use a Chromium-based browser like Chrome or Brave and try again.';

packages/extension-web-ui/src/constants/index.ts

@@ -20,3 +20,4 @@ export * from './signing';
 export * from './strings';
 export * from './transaction';
 export * from './wallet';
+export * from './error';

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

@@ -1,11 +1,10 @@
 // Copyright 2019-2022 @subwallet/extension-koni-ui authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { _ChainInfo } from '@subwallet/chain-list/types';
 import { LedgerNetwork } from '@subwallet/extension-base/background/KoniTypes';
 import { _isChainEvmCompatible } from '@subwallet/extension-base/services/chain-service/utils';
 import { EVMLedger, SubstrateLedger } from '@subwallet/extension-web-ui/connector';
-import { isLedgerCapable } from '@subwallet/extension-web-ui/constants';
+import { isLedgerCapable, ledgerIncompatible } from '@subwallet/extension-web-ui/constants';
 import { useSelector } from '@subwallet/extension-web-ui/hooks';
 import useGetSupportedLedger from '@subwallet/extension-web-ui/hooks/ledger/useGetSupportedLedger';
 import { Ledger } from '@subwallet/extension-web-ui/types';
@@ -49,7 +48,7 @@ const getNetwork = (ledgerChains: LedgerNetwork[], slug: string, isEthereumNetwo
 const retrieveLedger = (slug: string, ledgerChains: LedgerNetwork[], isEthereumNetwork: boolean): Ledger => {
   const { isLedgerCapable } = baseState;
 
-  assert(isLedgerCapable, 'Incompatible browser, only Chrome is supported');
+  assert(isLedgerCapable, ledgerIncompatible);
 
   const def = getNetwork(ledgerChains, slug, isEthereumNetwork);
 
@@ -86,6 +85,7 @@ export function useLedger (slug?: string, active = true): Result {
   const [refreshLock, setRefreshLock] = useState(false);
   const [warning, setWarning] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
+
   const [ledger, setLedger] = useState<Ledger| null>(null);
 
   const getLedger = useCallback(() => {
@@ -268,7 +268,7 @@ export function useLedger (slug?: string, active = true): Result {
           console.error(error);
         });
     }, 300);
-  }, [slug, ledgerChains, t, active, chainInfoMap, appName, handleError, getLedger]);
+  }, [slug, t, active, handleError, getLedger]);
 
   useEffect(() => {
     destroyRef.current = () => {

packages/webapp/package.json

@@ -49,4 +49,4 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"
   }
-}
+}