diff --git a/packages/blockchain-wallet-v4-frontend/src/data/modules/sfox/sagas.js b/packages/blockchain-wallet-v4-frontend/src/data/modules/sfox/sagas.js index 91ac60fa33f..4bf6b269397 100644 --- a/packages/blockchain-wallet-v4-frontend/src/data/modules/sfox/sagas.js +++ b/packages/blockchain-wallet-v4-frontend/src/data/modules/sfox/sagas.js @@ -97,8 +97,8 @@ export default ({ coreSagas }) => { const result = yield call(coreSagas.data.sfox.verifyMicroDeposits, payload) if (result.status === 'active') { yield put(A.sfoxSuccess()) - yield call(delay, 1000) - // yield put(modalActions.closeAllModals()) + yield call(delay, 1500) + yield put(modalActions.closeAllModals()) } else { yield put(A.sfoxNotAsked()) throw new Error(result) diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/index.js b/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/index.js index b356d3eab6b..70e57679543 100644 --- a/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/index.js +++ b/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/index.js @@ -40,7 +40,8 @@ class SfoxEnterMicroDeposits extends React.PureComponent { const mapStateToProps = (state) => ({ deposit1: formValueSelector('sfoxMicroDeposits')(state, 'deposit1'), deposit2: formValueSelector('sfoxMicroDeposits')(state, 'deposit2'), - status: path(['sfoxSignup', 'sfoxBusy'], state) + status: path(['sfoxSignup', 'sfoxBusy'], state), + options: path(['walletOptionsPath'], state).getOrElse({}) }) const mapDispatchToProps = (dispatch) => ({ diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/template.js b/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/template.js index 8c0a466cc98..d8fd61cf25d 100644 --- a/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/template.js +++ b/packages/blockchain-wallet-v4-frontend/src/modals/SfoxEnterMicroDeposits/template.js @@ -6,6 +6,7 @@ import { Field, reduxForm } from 'redux-form' import { Form, FormGroup, FormItem, NumberBox } from 'components/Form' import { required } from 'services/FormHelper' import PropTypes from 'prop-types' +import BuySellAnimation from '../../scenes/BuySell/BuySellAnimation' const ButtonRow = styled.div` display: flex; @@ -19,22 +20,25 @@ const ErrorText = styled(Text)` display: inline; } ` +const TextWrapper = styled.div` + margin-bottom: 50px; + padding-bottom: 30px; + text-align: center; +` const MicroDeposits = (props) => { - const { handleSubmit, close, position, total, invalid, status, tryAgain } = props + const { handleSubmit, close, position, total, invalid, status, tryAgain, options } = props if (status === 'success') { return ( - {/* - - - - */} - - - + + + + + + )