only show reward intro for non identity_verified users

This commit is contained in:
Sean Yesmunt 2020-03-09 13:14:05 -04:00 committed by Jeremy Kauffman
parent 09f04b46dc
commit 300b0c7c95
2 changed files with 27 additions and 18 deletions

View file

@ -64,6 +64,7 @@ function UserSignIn(props: Props) {
const [hasSeenFollowList, setHasSeenFollowList] = usePersistedState('channel-follow-intro', false);
const hasVerifiedEmail = user && user.has_verified_email;
const rewardsApproved = user && user.is_reward_approved;
const isIdentityVerified = user && user.is_identity_verified;
const hasFetchedReward = useFetched(claimingReward);
const channelCount = channels ? channels.length : 0;
const hasClaimedEmailAward = claimedRewards.some(reward => reward.reward_type === REWARDS.TYPE_CONFIRM_EMAIL);
@ -80,7 +81,7 @@ function UserSignIn(props: Props) {
// The possible screens for the sign in flow
const showEmail = !emailToVerify && !hasVerifiedEmail;
const showEmailVerification = emailToVerify && !hasVerifiedEmail;
const showUserVerification = hasVerifiedEmail && !rewardsApproved;
const showUserVerification = hasVerifiedEmail && !rewardsApproved && !isIdentityVerified;
const showSyncPassword = syncEnabled && getSyncError;
const showChannelCreation =
hasVerifiedEmail &&

View file

@ -42,8 +42,12 @@ class RewardsPage extends PureComponent<Props> {
if (!user.primary_email || !user.has_verified_email || !user.is_identity_verified) {
return <RewardAuthIntro />;
}
return (
<section className="card card--section">
<Card
title={__('Reward Validation Pending')}
body={
<React.Fragment>
<p>
{__('This account must undergo review before you can participate in the rewards program.')}{' '}
{__('This can take anywhere from several minutes to several days.')}
@ -55,11 +59,15 @@ class RewardsPage extends PureComponent<Props> {
'Please enjoy free content in the meantime!'
)}`}
</p>
<div className="card__actions">
</React.Fragment>
}
actions={
<div className="section__actions">
<Button navigate="/" button="primary" label="Return Home" />
<Button onClick={() => fetchUser()} button="link" label="Refresh" />
</div>
</section>
}
/>
);
}