diff --git a/source/renderer/app/components/wallet/wallet-restore/widgets/WalletRestoreDialog.js b/source/renderer/app/components/wallet/wallet-restore/widgets/WalletRestoreDialog.js index 92ba95cb09..9449bfe399 100644 --- a/source/renderer/app/components/wallet/wallet-restore/widgets/WalletRestoreDialog.js +++ b/source/renderer/app/components/wallet/wallet-restore/widgets/WalletRestoreDialog.js @@ -1,24 +1,31 @@ // @flow import React, { Component } from 'react'; import type { Node } from 'react'; -import { defineMessages, intlShape } from 'react-intl'; +import { defineMessages, intlShape, FormattedHTMLMessage } from 'react-intl'; import DialogCloseButton from '../../../widgets/DialogCloseButton'; import Dialog from '../../../widgets/Dialog'; import DialogBackButton from '../../../widgets/DialogBackButton'; import WalletRestoreSteps from './WalletRestoreSteps'; import styles from './WalletRestoreDialog.scss'; +import { RESTORE_WALLET_STEPS } from '../../../../config/walletRestoreConfig'; import type { DialogActionItems } from '../../../widgets/Dialog'; +import type { RestoreWalletStep } from '../../../../types/walletRestoreTypes'; const messages = defineMessages({ dialogTitle: { id: 'wallet.restore.dialog.title', defaultMessage: '!!!Restore a wallet', - description: 'Title "Create a new wallet" in the wallet create form.', + description: 'Title "Create a new wallet" in the wallet restore form.', }, dialogTitleSuccess: { id: 'wallet.restore.dialog.titleSuccess', defaultMessage: '!!!Restore a wallet', - description: 'Title "Create a new wallet" in the wallet create form.', + description: 'Title "Create a new wallet" in the wallet restore form.', + }, + stepsCounter: { + id: 'wallet.restore.dialog.stepsCounter', + defaultMessage: '!!!Step {currentStep} of {totalSteps}', + description: 'Step couters in the wallet restore dialog.', }, }); @@ -35,6 +42,10 @@ export default class WalletRestoreDialog extends Component { intl: intlShape.isRequired, }; + get filteredSteps(): Array { + return RESTORE_WALLET_STEPS.filter((stepId) => stepId !== 'success'); + } + render() { const { intl } = this.context; const { actions, children, stepNumber, onClose, onBack } = this.props; @@ -42,11 +53,23 @@ export default class WalletRestoreDialog extends Component { const title = hasStep ? intl.formatMessage(messages.dialogTitle) : intl.formatMessage(messages.dialogTitleSuccess); + const currentStep = (stepNumber || 0) + 1; + const totalSteps = this.filteredSteps.length; + const subTitle = ( + + ); return ( { render() { const { stepNumber } = this.props; const currentStep = stepNumber + 1; - const totalSteps = this.filteredSteps.length; return (
-
- -