From 626a4ccc34c902b1dc234d01ede39318f97d345b Mon Sep 17 00:00:00 2001
From: Aaron Raimist <aaron@raim.ist>
Date: Fri, 30 Apr 2021 21:45:33 -0500
Subject: [PATCH] Make warning bold, close copied tooltip on escape

Signed-off-by: Aaron Raimist <aaron@raim.ist>
---
 .../views/settings/tabs/user/HelpUserSettingsTab.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx b/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
index 9046c074e6..45395bd10c 100644
--- a/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
@@ -60,6 +60,12 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
         });
     }
 
+    componentWillUnmount() {
+        // if the Copied tooltip is open then get rid of it, there are ways to close the modal which wouldn't close
+        // the tooltip otherwise, such as pressing Escape
+        if (this.closeCopiedTooltip) this.closeCopiedTooltip();
+    }
+
     private onClearCacheAndReload = (e) => {
         if (!PlatformPeg.get()) return;
 
@@ -168,7 +174,7 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
             ...toRightOf(buttonRect, 2),
             message: successful ? _t('Copied!') : _t('Failed to copy'),
         });
-        target.onmouseleave = close;
+        this.closeCopiedTooltip = target.onmouseleave = close;
     }
 
     render() {
@@ -290,8 +296,8 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
                         <br />
                         <details>
                             <summary>{_t("Access Token")}</summary><br />
-                            { _t("Your access token gives full access to your account."
-                               + " Do not share it with anyone." ) }
+                            <b>{_t("Your access token gives full access to your account."
+                               + " Do not share it with anyone." )}</b>
                             <div className="mx_HelpUserSettingsTab_accessToken">
                                 <code>{MatrixClientPeg.get().getAccessToken()}</code>
                                 <AccessibleTooltipButton