diff --git a/src/app/screens/ledger/importLedgerAccount/index.tsx b/src/app/screens/ledger/importLedgerAccount/index.tsx index 683a071a2..d0a255c77 100644 --- a/src/app/screens/ledger/importLedgerAccount/index.tsx +++ b/src/app/screens/ledger/importLedgerAccount/index.tsx @@ -33,7 +33,6 @@ import ArrowLeftIconSVG from '@assets/img/ledger/arrow_left_icon.svg'; import LedgerFailView from '@components/ledger/failLedgerView'; import LedgerConnectionView from '../../../components/ledger/connectLedgerView'; -// TODO: Add link to Ledger guide const LINK_TO_LEDGER_ACCOUNT_ISSUE_GUIDE = 'https://support.xverse.app/hc/en-us/articles/17901278165773'; const LINK_TO_LEDGER_PASSPHRASE_GUIDE = @@ -70,12 +69,12 @@ const ImportStartImage = styled.img((props) => ({ marginLeft: props.theme.spacing(0), })); -const ImportStartContainer = styled.div((props) => ({ +const ImportStartContainer = styled.div({ display: 'flex', flexDirection: 'column', alignItems: 'center', maxWidth: '328px', -})); +}); const ImportBeforeStartContainer = styled.div((props) => ({ display: 'flex', @@ -250,6 +249,7 @@ const ConfirmationStepsContainer = styled.div((props) => ({ })); const OptionsContainer = styled.div((props) => ({ + width: '100%', marginTop: props.theme.spacing(16), })); @@ -748,24 +748,26 @@ function ImportLedger(): JSX.Element { )} {currentStepIndex === 0.5 && ( - Before getting started + + {t('LEDGER_BEFORE_GETTING_STARTED.TITLE')} + - Do you use Ledger Live with the hardware wallet device you wish to connect? + {t('LEDGER_BEFORE_GETTING_STARTED.DESCRIPTION')} @@ -773,57 +775,54 @@ function ImportLedger(): JSX.Element { {currentStepIndex === 0.75 && ( - Important - Please read + + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TITLE')} + {selectedLedgerLiveOption === 'using' ? ( - It is not recommended to use Xverse and Ledger Live, or other Bitcoin wallets - with the same hardware device as this could lead to unintentional transfers of - Ordinals.
+ {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TEXT_1')} +
- Learn More + {t('LEARN_MORE')}

- You should use a separate device for Xverse and Ordinals or set a passphrase on - your Ledger to create a different set of accounts for Xverse. See{' '} + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TEXT_2')}{' '} - How To Set A Passphrase For Ordinals + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.PASSPHRASE_FOR_ORDINALS')} .

- {`Only continue if you're an advanced user and you know what you're doing. Do not - create and use a taproot address on Ledger Live if you are using Xverse.`} + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TEXT_3')}
) : ( - It is not recommended to use Xverse and Ledger Live, or other Bitcoin wallets - with the same device as this could lead to unintentional transfers of Ordinals.{' '} + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TEXT_1')}{' '} - Learn More + {t('LEARN_MORE')}

- You should use a separate device for Xverse and Ordinals or set a passphrase on - your Ledger to create a different set of accounts for Xverse. See{' '} + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.TEXT_2')}{' '} - How To Set A Passphrase For Ordinals + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.PASSPHRASE_FOR_ORDINALS')} .
@@ -838,11 +837,14 @@ function ImportLedger(): JSX.Element { checkedIcon={false} /> {selectedLedgerLiveOption === 'using' ? ( - I understand the risks and wish to continue anyway + + {t('LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.UNDERSTAND_THE_RISKS')} + ) : ( - I understand I should not use Ledger Live or other Bitcoin wallets with the - same hardware device + {t( + 'LEDGER_BEFORE_GETTING_STARTED.IMPORTANT_WARNING.UNDERSTAND_SHOULD_NOT_USE_LEDGER_LIVE', + )} )} diff --git a/src/locales/en.json b/src/locales/en.json index 0fd236b3e..15c74ff7a 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -80,7 +80,25 @@ "LEDGER_IMPORT_CLOSE_BUTTON": "Close", "LEDGER_IMPORT_TRY_AGAIN_BUTTON": "Try again", "LEDGER_IMPORT_YES_BUTTON": "Add a new account", - "LEDGER_IMPORT_CANCEL_BUTTON": "Cancel" + "LEDGER_IMPORT_CANCEL_BUTTON": "Cancel", + "LEARN_MORE": "Learn More", + "LEDGER_BEFORE_GETTING_STARTED": { + "TITLE": "Before getting started", + "DESCRIPTION": "Do you use Ledger Live with the hardware wallet device you wish to connect?", + "OPTIONS": { + "USE_LEDGER_LIVE": "I use Ledger Live with the device.", + "DONT_USE_LEDGER_LIVE": "I do not use Ledger Live with the device." + }, + "IMPORTANT_WARNING": { + "TITLE": "Important - Please read", + "TEXT_1": "It is not recommended to use Xverse and Ledger Live, or other Bitcoin wallets with the same hardware device as this could lead to unintentional transfers of Ordinals.", + "TEXT_2": "You should use a separate device for Xverse and Ordinals or set a passphrase on your Ledger to create a different set of accounts for Xverse. See", + "TEXT_3": "Only continue if you're an advanced user and you know what you're doing. Do not create and use a taproot address on Ledger Live if you are using Xverse.", + "PASSPHRASE_FOR_ORDINALS": "How To Set A Passphrase For Ordinals", + "UNDERSTAND_THE_RISKS": "I understand the risks and wish to continue anyway", + "UNDERSTAND_SHOULD_NOT_USE_LEDGER_LIVE": "I understand I should not use Ledger Live or other Bitcoin wallets with the same hardware device" + } + } }, "LEDGER_VERIFY_SCREEN": { "TITLE_VERIFY_BTC": "Verify Bitcoin payment address",