From 1a69f48087a560e516bc4a632106b58baca28f2d Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Mon, 9 Sep 2019 11:39:55 -0400
Subject: [PATCH] show cancel button for ignore commenters config (#2536)

---
 .../Settings/IgnoreUserSettingsContainer.tsx  | 37 +++++++++++++------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/core/client/stream/tabs/Profile/Settings/IgnoreUserSettingsContainer.tsx b/src/core/client/stream/tabs/Profile/Settings/IgnoreUserSettingsContainer.tsx
index 1927cfbb1..0214d101f 100644
--- a/src/core/client/stream/tabs/Profile/Settings/IgnoreUserSettingsContainer.tsx
+++ b/src/core/client/stream/tabs/Profile/Settings/IgnoreUserSettingsContainer.tsx
@@ -39,17 +39,32 @@ const IgnoreUserSettingsContainer: FunctionComponent<Props> = ({ viewer }) => {
             Ignored Commenters
           </Typography>
         </Localized>
-        <Localized id="profile-account-ignoredCommenters-manage">
-          <Button
-            variant="outlineFilled"
-            size="small"
-            color="primary"
-            onClick={toggleManage}
-            className={CLASSES.ignoredCommenters.manageButton}
-          >
-            Manage
-          </Button>
-        </Localized>
+        {showManage && (
+          <Localized id="profile-account-ignoredCommenters-cancel">
+            <Button
+              variant="outlineFilled"
+              size="small"
+              color="primary"
+              onClick={toggleManage}
+              className={CLASSES.ignoredCommenters.manageButton}
+            >
+              Cancel
+            </Button>
+          </Localized>
+        )}
+        {!showManage && (
+          <Localized id="profile-account-ignoredCommenters-manage">
+            <Button
+              variant="outlineFilled"
+              size="small"
+              color="primary"
+              onClick={toggleManage}
+              className={CLASSES.ignoredCommenters.manageButton}
+            >
+              Manage
+            </Button>
+          </Localized>
+        )}
       </Flex>
       {showManage && (
         <div>