diff --git a/packages/yoroi-extension/app/components/wallet/create-wallet/VerifyRecoveryPhraseStep.js b/packages/yoroi-extension/app/components/wallet/create-wallet/VerifyRecoveryPhraseStep.js index a5972a1a2d..67b541c9f1 100644 --- a/packages/yoroi-extension/app/components/wallet/create-wallet/VerifyRecoveryPhraseStep.js +++ b/packages/yoroi-extension/app/components/wallet/create-wallet/VerifyRecoveryPhraseStep.js @@ -3,12 +3,13 @@ import { Node, ComponentType, useState } from 'react'; import { defineMessages, injectIntl, FormattedHTMLMessage } from 'react-intl'; import { observer } from 'mobx-react'; import type { $npm$ReactIntl$IntlShape } from 'react-intl'; -import { Stack, Box, Typography } from '@mui/material' +import { Stack, Box, Typography, Button } from '@mui/material' import StepController from './StepController'; import { CREATE_WALLET_SETPS } from './steps'; import styles from './VerifyRecoveryPhraseStep.scss'; import classnames from 'classnames'; import { ReactComponent as VerifiedIcon } from '../../../assets/images/verify-icon-green.inline.svg' +import environment from '../../../environment'; const messages: * = defineMessages({ description: { @@ -33,6 +34,7 @@ type Props = {| currentStep: string, |}; + function VerifyRecoveryPhraseStep(props: Props & Intl): Node { const { intl, recoveryPhrase, setCurrentStep } = props; if (!recoveryPhrase) throw new Error('Missing recovery phrase, should never happen'); @@ -196,12 +198,24 @@ function VerifyRecoveryPhraseStep(props: Props & Intl): Node { )} + setCurrentStep(CREATE_WALLET_SETPS.SAVE_RECOVERY_PHRASE)} /> + + {environment.isDev() && ( + + )} );