Merge branch 'fix/keystone' into tmp/20241010

RabbyHub · Oct 8, 2024 · 86540d2 · 86540d2
2 parents 160b8d3 + d5b2e3a
commit 86540d2
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 15 deletions.
diff --git a/apps/mobile/src/components/HDSetting/MainContainer.tsx b/apps/mobile/src/components/HDSetting/MainContainer.tsx
@@ -33,7 +33,7 @@ export interface Setting {
   startNumber: number;
 }
 
-interface Props {
+export interface Props {
   hdPathOptions: {
     title: string;
     description: string;
@@ -46,6 +46,7 @@ interface Props {
   setting: Setting;
   loading?: boolean;
   children?: React.ReactNode;
+  disableHdPathOptions?: boolean;
 }
 
 const getStyles = (colors: AppColorsVariants) =>
@@ -143,6 +144,7 @@ export const MainContainer: React.FC<Props> = ({
   onConfirm,
   loading,
   children,
+  disableHdPathOptions,
 }) => {
   const [fetching, setFetching] = React.useState(false);
   const { t } = useTranslation();
@@ -201,6 +203,7 @@ export const MainContainer: React.FC<Props> = ({
           <View style={styles.list}>
             {currentHdPathOptions.map(option => (
               <TouchableOpacity
+                disabled={disableHdPathOptions}
                 style={styles.item}
                 onPress={() => {
                   setHdPath(option.value);

diff --git a/apps/mobile/src/components/HDSetting/SettingKeystone.tsx b/apps/mobile/src/components/HDSetting/SettingKeystone.tsx
@@ -4,7 +4,12 @@ import { useAtom } from 'jotai';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Modal, StyleSheet, Text, View } from 'react-native';
-import { isLoadedAtom, MainContainer, settingAtom } from './MainContainer';
+import {
+  isLoadedAtom,
+  MainContainer,
+  settingAtom,
+  Props as MainContainerProps,
+} from './MainContainer';
 import { HardwareSVG } from '@/assets/icons/address';
 import { AppColorsVariants } from '@/constant/theme';
 import { useThemeColors } from '@/hooks/theme';
@@ -97,19 +102,53 @@ export const SettingKeystone: React.FC<{
 }> = ({ onDone, brand }) => {
   const { t } = useTranslation();
   const [, setLoading] = React.useState(false);
-  const hdPathOptions = React.useMemo(
-    () => [
-      {
-        title: 'Default',
-        description: t('page.newAddress.hd.keystone.hdPathType.bip44'),
-        noChainDescription: t(
-          'page.newAddress.hd.keystone.hdPathTypeNoChain.bip44',
-        ),
-        value: LedgerHDPathType.BIP44,
-      },
-    ],
-    [t],
-  );
+  const [hdPathOptions, setHdPathOptions] = React.useState<
+    MainContainerProps['hdPathOptions']
+  >([]);
+
+  React.useEffect(() => {
+    const getHdPathOptions = async () => {
+      const hdPathType = await apiKeystone.getCurrentUsedHDPathType();
+
+      if (hdPathType === LedgerHDPathType.BIP44) {
+        return [
+          {
+            title: 'BIP44',
+            description: t('page.newAddress.hd.keystone.hdPathType.bip44'),
+            noChainDescription: t(
+              'page.newAddress.hd.keystone.hdPathTypeNoChain.bip44',
+            ),
+            value: LedgerHDPathType.BIP44,
+          },
+        ];
+      } else if (hdPathType === LedgerHDPathType.LedgerLive) {
+        return [
+          {
+            title: 'Ledger Live',
+            description: t('page.newAddress.hd.keystone.hdPathType.legerLive'),
+            noChainDescription: t(
+              'page.newAddress.hd.keystone.hdPathTypeNoChain.legerLive',
+            ),
+            value: LedgerHDPathType.LedgerLive,
+          },
+        ];
+      } else {
+        return [
+          {
+            title: 'Legacy',
+            description: t('page.newAddress.hd.keystone.hdPathType.legacy'),
+            noChainDescription: t(
+              'page.newAddress.hd.keystone.hdPathTypeNoChain.legacy',
+            ),
+            value: LedgerHDPathType.Legacy,
+          },
+        ];
+      }
+    };
+
+    getHdPathOptions().then(setHdPathOptions);
+  }, [t]);
+
   const colors = useThemeColors();
   const styles = React.useMemo(() => getStyles(colors), [colors]);
   const [setting, setSetting] = useAtom(settingAtom);
@@ -151,6 +190,7 @@ export const SettingKeystone: React.FC<{
   return (
     <MainContainer
       hdPathOptions={hdPathOptions}
+      disableHdPathOptions
       onConfirm={handleConfirm}
       setting={setting}>
       <TouchableOpacity onPress={handleOpenSwitch} style={styles.switchButton}>