provides recheck button at verification screen

This commit is contained in:
jessop 2019-10-14 15:54:06 -04:00 committed by Sean Yesmunt
parent 00262eeb92
commit 194464bd71
3 changed files with 6 additions and 2 deletions

View file

@ -3,6 +3,7 @@ import { connect } from 'react-redux';
import { doOpenModal } from 'redux/actions/app'; import { doOpenModal } from 'redux/actions/app';
import { import {
doUserIdentityVerify, doUserIdentityVerify,
doUserFetch,
rewards, rewards,
makeSelectRewardByType, makeSelectRewardByType,
selectIdentityVerifyIsPending, selectIdentityVerifyIsPending,
@ -23,6 +24,7 @@ const select = state => {
const perform = dispatch => ({ const perform = dispatch => ({
verifyUserIdentity: token => dispatch(doUserIdentityVerify(token)), verifyUserIdentity: token => dispatch(doUserIdentityVerify(token)),
verifyPhone: () => dispatch(doOpenModal(MODALS.PHONE_COLLECTION)), verifyPhone: () => dispatch(doOpenModal(MODALS.PHONE_COLLECTION)),
fetchUser: () => dispatch(doUserFetch()),
}); });
export default connect( export default connect(

View file

@ -11,6 +11,7 @@ type Props = {
isPending: boolean, isPending: boolean,
verifyUserIdentity: string => void, verifyUserIdentity: string => void,
verifyPhone: () => void, verifyPhone: () => void,
fetchUser: () => void,
}; };
class UserVerify extends React.PureComponent<Props> { class UserVerify extends React.PureComponent<Props> {
@ -25,7 +26,7 @@ class UserVerify extends React.PureComponent<Props> {
} }
render() { render() {
const { errorMessage, isPending, verifyPhone } = this.props; const { errorMessage, isPending, verifyPhone, fetchUser } = this.props;
return ( return (
<React.Fragment> <React.Fragment>
<section className="section__header"> <section className="section__header">
@ -34,6 +35,7 @@ class UserVerify extends React.PureComponent<Props> {
{__( {__(
"We weren't able to auto-approve you for rewards. Please complete one of the steps below to unlock them." "We weren't able to auto-approve you for rewards. Please complete one of the steps below to unlock them."
)}{' '} )}{' '}
<Button onClick={() => fetchUser()} button="link" label={__('Refresh')} /> {'or'}{' '}
<Button navigate="/" button="link" label={__('Skip')} /> <Button navigate="/" button="link" label={__('Skip')} />
</p> </p>
</section> </section>