1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

Fix duplicate button issue on Ledger connectivity screen (#17130)

This commit is contained in:
ryanml 2023-01-11 11:34:05 -07:00 committed by GitHub
parent 64839b6bf7
commit 5061eac2e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -181,6 +181,7 @@ export default class SelectHardware extends Component {
const steps = [];
if (this.props.ledgerTransportType === LEDGER_TRANSPORT_TYPES.LIVE) {
steps.push({
renderButtons: false,
title: this.context.t('step1LedgerWallet'),
message: this.context.t('step1LedgerWalletMsg', [
<a
@ -197,6 +198,7 @@ export default class SelectHardware extends Component {
}
steps.push({
renderButtons: true,
asset: 'plug-in-wallet',
dimensions: { width: '225px', height: '75px' },
title: this.context.t('step2LedgerWallet'),
@ -218,6 +220,8 @@ export default class SelectHardware extends Component {
{steps.map((step, index) => (
<div className="hw-connect" key={index}>
<h3 className="hw-connect__title">{step.title}</h3>
{step.renderButtons ? (
<>
<Button
className="hw-connect__external-btn-first"
type="secondary"
@ -244,6 +248,8 @@ export default class SelectHardware extends Component {
>
{this.context.t('tutorial')}
</Button>
</>
) : null}
<p className="hw-connect__msg">{step.message}</p>
{step.asset && (
<img
@ -549,7 +555,7 @@ export default class SelectHardware extends Component {
{steps.map((step, index) => (
<div className="hw-connect" key={index}>
{step.title && <h3 className="hw-connect__title">{step.title}</h3>}
<p className="hw-connect__msg">{step.message}</p>
<div className="hw-connect__msg">{step.message}</div>
{step.asset && (
<img
className="hw-connect__step-asset"