Browse Source

Handle retry on Receive modal

master
meriadec 7 years ago
parent
commit
f69853a4c0
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 3
      src/components/modals/Receive/index.js
  2. 18
      src/components/modals/Receive/steps/03-step-confirm-address.js

3
src/components/modals/Receive/index.js

@ -49,6 +49,7 @@ export type StepProps = DefaultStepProps & {
closeModal: void => void,
isAppOpened: boolean,
isAddressVerified: ?boolean,
onRetry: void => void,
onSkipConfirm: void => void,
onResetSkip: void => void,
onChangeAccount: (?Account) => void,
@ -121,6 +122,7 @@ class ReceiveModal extends PureComponent<Props, State> {
}
}
handleRetry = () => this.setState({ isAddressVerified: null, errorSteps: [] })
handleReset = () => this.setState({ ...INITIAL_STATE })
handleCloseModal = () => this.props.closeModal(MODAL_RECEIVE)
handleStepChange = step => this.setState({ stepId: step.id })
@ -166,6 +168,7 @@ class ReceiveModal extends PureComponent<Props, State> {
isAppOpened,
isAddressVerified,
closeModal: this.handleCloseModal,
onRetry: this.handleRetry,
onSkipConfirm: this.handleSkipConfirm,
onResetSkip: this.handleResetSkip,
onChangeAccount: this.handleChangeAccount,

18
src/components/modals/Receive/steps/03-step-confirm-address.js

@ -73,9 +73,23 @@ export default class StepConfirmAddress extends PureComponent<StepProps> {
}
}
export function StepConfirmAddressFooter({ t }: StepProps) {
export function StepConfirmAddressFooter({ t, transitionTo, onRetry }: StepProps) {
// This will be displayed only if user rejected address
return <Button>{t('app:receive.steps.confirmAddress.support')}</Button>
return (
<Fragment>
<Button>{t('app:receive.steps.confirmAddress.support')}</Button>
<Button
ml={2}
primary
onClick={() => {
onRetry()
transitionTo('device')
}}
>
{t('app:common.retry')}
</Button>
</Fragment>
)
}
const Container = styled(Box).attrs({

Loading…
Cancel
Save