only show reward intro for non identity_verified users
This commit is contained in:
parent
09f04b46dc
commit
300b0c7c95
2 changed files with 27 additions and 18 deletions
|
@ -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 &&
|
||||
|
|
|
@ -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>
|
||||
}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue