From 68b711b360685f86fbedb92e7ba2ce0855c8a533 Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Thu, 23 Sep 2021 22:08:01 -0400
Subject: [PATCH] Auto close toasts onClick

---
 ts/components/Toast.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ts/components/Toast.tsx b/ts/components/Toast.tsx
index 8f9729a7d1..cf5a59c8eb 100644
--- a/ts/components/Toast.tsx
+++ b/ts/components/Toast.tsx
@@ -10,6 +10,7 @@ export type PropsType = {
   autoDismissDisabled?: boolean;
   children: ReactNode;
   className?: string;
+  disableCloseOnClick?: boolean;
   onClick?: () => unknown;
   onClose: () => unknown;
   timeout?: number;
@@ -19,6 +20,7 @@ export const Toast = ({
   autoDismissDisabled = false,
   children,
   className,
+  disableCloseOnClick = false,
   onClick,
   onClose,
   timeout = 2000,
@@ -56,10 +58,16 @@ export const Toast = ({
       role: 'button',
       onClick() {
         onClick();
+        if (!disableCloseOnClick) {
+          onClose();
+        }
       },
       onKeyDown(ev: KeyboardEvent<HTMLDivElement>) {
         if (ev.key === 'Enter' || ev.key === ' ') {
           onClick();
+          if (!disableCloseOnClick) {
+            onClose();
+          }
         }
       },
     };