diff --git a/src/components/modals/AccountSettingRenderBody.js b/src/components/modals/AccountSettingRenderBody.js index 4e584e99..a504d0a5 100644 --- a/src/components/modals/AccountSettingRenderBody.js +++ b/src/components/modals/AccountSettingRenderBody.js @@ -20,12 +20,19 @@ import Box from 'components/base/Box' import Button from 'components/base/Button' import Input from 'components/base/Input' import Select from 'components/base/LegacySelect' -import { ModalBody, ModalTitle, ModalFooter, ModalContent } from 'components/base/Modal' +import { + ModalBody, + ModalTitle, + ModalFooter, + ModalContent, + ConfirmModal, +} from 'components/base/Modal' type State = { accountName: string | null, accountUnit: Unit | null, accountNameError: boolean, + isRemoveAccountModalOpen: boolean, } type Props = { @@ -47,6 +54,7 @@ const defaultState = { accountName: null, accountUnit: null, accountNameError: false, + isRemoveAccountModalOpen: false, } class HelperComp extends PureComponent { @@ -106,15 +114,18 @@ class HelperComp extends PureComponent { handleChangeUnit = (value: Unit) => { this.setState({ accountUnit: value }) } + handleOpenRemoveAccountModal = () => this.setState({ isRemoveAccountModalOpen: true }) + handleCloseRemoveAccountModal = () => this.setState({ isRemoveAccountModalOpen: false }) handleRemoveAccount = (account: Account) => { - const { removeAccount } = this.props + const { removeAccount, onClose } = this.props removeAccount(account) - this.props.onClose() + this.setState({ isRemoveAccountModalOpen: false }) + onClose() } render() { - const { accountUnit, accountNameError } = this.state + const { accountUnit, accountNameError, isRemoveAccountModalOpen } = this.state const { t, onClose, data } = this.props const account = this.getAccount(data) @@ -183,7 +194,7 @@ class HelperComp extends PureComponent { - + this.handleRemoveAccount(account)} + title={t('settings:removeAccountModal.title')} + subTitle={t('settings:removeAccountModal.subTitle')} + desc={t('settings:removeAccountModal.desc')} + /> ) } diff --git a/static/i18n/en/settings.yml b/static/i18n/en/settings.yml index d28f2a94..b6a77760 100644 --- a/static/i18n/en/settings.yml +++ b/static/i18n/en/settings.yml @@ -57,6 +57,10 @@ softResetModal: title: Clean application cache subTitle: Are you sure houston? desc: Lorem ipsum dolor sit amet +removeAccountModal: + title: Delete this account + subTitle: Are you sure houston? + desc: Lorem ipsum dolor sit amet exportLogs: title: Export Logs desc: Export Logs