Merge pull request tahowallet#1102 from kimpers/kim/feat/support-lega…

…cy-derivation

feat: Support Legacy (MEW/MyCrypto) Ledger HW wallet derivation path

ui/components/Onboarding/OnboardingDerivationPathSelect.tsx

@@ -8,13 +8,10 @@ import React, {
 import SharedButton from "../Shared/SharedButton"
 import SharedInput from "../Shared/SharedInput"
 import SharedModal from "../Shared/SharedModal"
-import SharedSelect from "../Shared/SharedSelect"
+import SharedSelect, { Option } from "../Shared/SharedSelect"
 
 // TODO make this network specific
-const initialDerivationPaths: {
-  value: string
-  label: string
-}[] = [
+const initialDerivationPaths: Option[] = [
   {
     value: "m/44'/60'/x'/0/0",
     label: "Ledger Live",
@@ -31,6 +28,11 @@ const initialDerivationPaths: {
     value: "m/44'/61'/0'/0",
     label: "Trezor",
   },
+  {
+    value: "m/44'/60'/0'",
+    label: "Ledger Legacy",
+    hideActiveValue: true,
+  },
   {
     value: "m/44'/137'/0'/0",
     label: "RSK",

ui/components/Shared/SharedSelect.tsx

@@ -9,7 +9,7 @@ import classNames from "classnames"
 
 import { useOnClickOutside } from "../../hooks"
 
-type Option = { value: string; label: string }
+export type Option = { value: string; label: string; hideActiveValue?: boolean }
 
 type Props = {
   options: Option[] | string[]
@@ -65,6 +65,7 @@ export default function SharedSelect(props: Props): ReactElement {
       : null
   const currentLabel = currentOption?.label ?? null
   const currentValue = currentOption?.value ?? null
+  const currentHideActiveValue = currentOption?.hideActiveValue ?? false
 
   useEffect(() => {
     if (currentValue) onChange(currentValue)
@@ -98,7 +99,7 @@ export default function SharedSelect(props: Props): ReactElement {
           tabIndex={0}
         >
           <span>
-            {showValue && activeIndex
+            {showValue && activeIndex && !currentHideActiveValue
               ? `${currentLabel} - ${currentValue}`
               : `${currentLabel}`}
           </span>