From 07df7ac182c576440c5b063133a5a0b99a9e05e1 Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Fri, 23 Aug 2019 14:16:08 -0400
Subject: [PATCH] show email verification resend (#2492)

* always show users with unverified email address the prompt and resend option

* udpate snaps

* update snap
---
 .../ChangeEmail/ChangeEmailContainer.tsx      |  4 +-
 .../__snapshots__/settings.spec.tsx.snap      | 46 +++++++++++++++++++
 2 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/core/client/stream/tabs/Profile/ChangeEmail/ChangeEmailContainer.tsx b/src/core/client/stream/tabs/Profile/ChangeEmail/ChangeEmailContainer.tsx
index d3f6965be..ea2bb4cbc 100644
--- a/src/core/client/stream/tabs/Profile/ChangeEmail/ChangeEmailContainer.tsx
+++ b/src/core/client/stream/tabs/Profile/ChangeEmail/ChangeEmailContainer.tsx
@@ -70,7 +70,6 @@ const changeEmailContainer: FunctionComponent<Props> = ({
   const updateEmail = useMutation(UpdateEmailMutation);
 
   const [showEditForm, setShowEditForm] = useState(false);
-  const [emailUpdated, setEmailUpdated] = useState(false);
   const [confirmationResent, setConfirmationResent] = useState(false);
   const makeFetchCall = useFetch(fetcher);
   const resend = useCallback(async () => {
@@ -100,7 +99,6 @@ const changeEmailContainer: FunctionComponent<Props> = ({
 
       form.reset();
       setShowEditForm(false);
-      setEmailUpdated(true);
 
       return;
     },
@@ -162,7 +160,7 @@ const changeEmailContainer: FunctionComponent<Props> = ({
           )}
         </Flex>
       )}
-      {!viewer.emailVerified && emailUpdated && !showEditForm && (
+      {!viewer.emailVerified && !showEditForm && (
         <CallOut>
           <Flex itemGutter>
             <div>
diff --git a/src/core/client/stream/test/profile/__snapshots__/settings.spec.tsx.snap b/src/core/client/stream/test/profile/__snapshots__/settings.spec.tsx.snap
index 2e7625283..f292c3dfd 100644
--- a/src/core/client/stream/test/profile/__snapshots__/settings.spec.tsx.snap
+++ b/src/core/client/stream/test/profile/__snapshots__/settings.spec.tsx.snap
@@ -129,6 +129,52 @@ exports[`renders the empty settings pane 1`] = `
               Edit
             </button>
           </div>
+          <div
+            className="CallOut-root CallOut-colorRegular"
+          >
+            <div>
+              <div
+                className="Box-root Flex-root Flex-flex Flex-itemGutter gutter"
+              >
+                <div>
+                  <span
+                    aria-hidden="true"
+                    className="Icon-root Icon-lg"
+                  >
+                    email
+                  </span>
+                </div>
+                <div>
+                  <h1
+                    className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary Typography-gutterBottom"
+                  >
+                    Verify your email address
+                  </h1>
+                  <p
+                    className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
+                  >
+                    An email has been sent to $email to verify your account.
+You must verify your new email address before it can be used for
+signing into your account or for email notifications.
+                  </p>
+                  <button
+                    className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantRegular ChangeEmailContainer-resendButton"
+                    data-color="primary"
+                    data-variant="regular"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseOut={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    type="button"
+                  >
+                    Resend verification
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
       <ul