{this.context.t('selectAnAccountHelp')} + {this.context.t('selectAnAccountHelpDirections', [ + , + ])}
- {this.context.t('dontHaveAHardwareWallet')} -
- {this.getAffiliateLinks()} -- {this.context.t('learnMore')} - -
- ); } - renderTutorialSteps() { - const steps = [ - { - asset: 'hardware-wallet-step-1', - dimensions: { width: '225px', height: '75px' }, - title: this.context.t('step1HardwareWallet'), - message: this.context.t('step1HardwareWalletMsg'), - }, - { - asset: 'hardware-wallet-step-2', - dimensions: { width: '300px', height: '100px' }, - title: this.context.t('step2HardwareWallet'), - message: this.context.t('step2HardwareWalletMsg'), - }, - { - asset: 'hardware-wallet-step-3', - dimensions: { width: '120px', height: '90px' }, - title: this.context.t('step3HardwareWallet'), - message: this.context.t('step3HardwareWalletMsg'), - }, - ]; + renderLedgerTutorialSteps() { + const steps = []; + if (this.props.useLedgerLive) { + steps.push({ + title: this.context.t('step1LedgerWallet'), + message: this.context.t('step1LedgerWalletMsg', [ + + {this.context.t('ledgerLiveApp')} + , + ]), + }); + } + + steps.push({ + asset: 'plug-in-wallet', + dimensions: { width: '225px', height: '75px' }, + title: this.context.t('step2LedgerWallet'), + message: this.context.t('step2LedgerWalletMsg', [ + + {this.context.t('hardwareWalletSupportLinkConversion')} + , + ]), + }); return ( -{step.message}
- + {step.asset && ( + + )}- {this.context.t('havingTroubleConnecting')} + renderTrezorTutorialSteps() { + const steps = [ + { + asset: 'plug-in-wallet', + dimensions: { width: '225px', height: '75px' }, + title: this.context.t('step1TrezorWallet'), + message: this.context.t('step1TrezorWalletMsg', [ - {this.context.t('getHelp')} - -
+ {this.context.t('hardwareWalletSupportLinkConversion')} + , + ]), + }, + ]; + + return ( +{step.message}
+ {step.asset && ( + + )} +