Hide the toast when outside click

MetaMask · Mar 23, 2024 · 0d2026c · 0d2026c
1 parent b231c5c
commit 0d2026c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/ui/pages/routes/routes.component.js b/ui/pages/routes/routes.component.js
@@ -695,13 +695,21 @@ export default class Routes extends Component {
       );
     ///: END:ONLY_INCLUDE_IF
 
+    const showAutoNetworkSwitchToast =
+      switchedNetworkDetails && !neverShowSwitchedNetworkMessage;
+
     return (
       <div
         className={classnames('app', {
           [`os-${os}`]: os,
           [`browser-${browser}`]: browser,
         })}
         dir={textDirection}
+        onMouseUp={
+          showAutoNetworkSwitchToast
+            ? () => setSwitchedNetworkDetails(null)
+            : undefined
+        }
       >
         {shouldShowNetworkDeprecationWarning ? <DeprecatedNetworks /> : null}
         {shouldShowNetworkInfo && <NewNetworkInfo />}
@@ -788,7 +796,7 @@ export default class Routes extends Component {
               onClose={() => this.setState({ hideConnectAccountToast: true })}
             />
           ) : null}
-          {switchedNetworkDetails && !neverShowSwitchedNetworkMessage ? (
+          {showAutoNetworkSwitchToast ? (
             <Toast
               key="switched-network-toast"
               startAdornment={