feat: Click on alert makes alert not auto dismiss.

1 files changed, 9 insertions, 0 deletions

diff --git a/FrontEnd/src/app/views/common/alert/AlertHost.tsx b/FrontEnd/src/app/views/common/alert/AlertHost.tsx
index c74f18e2..f50e41ad 100644
--- a/FrontEnd/src/app/views/common/alert/AlertHost.tsx
+++ b/FrontEnd/src/app/views/common/alert/AlertHost.tsx
@@ -22,6 +22,8 @@ export const AutoCloseAlert: React.FC<AutoCloseAlertProps> = (props) => {
 
   const { t } = useTranslation();
 
+  const timerTag = React.useRef<number | null>(null);
+
   React.useEffect(() => {
     const tag =
       dismissTime === "never"
@@ -29,6 +31,7 @@ export const AutoCloseAlert: React.FC<AutoCloseAlertProps> = (props) => {
         : typeof dismissTime === "number"
         ? window.setTimeout(props.close, dismissTime)
         : window.setTimeout(props.close, 5000);
+    timerTag.current = tag;
     return () => {
       if (tag != null) {
         window.clearTimeout(tag);
@@ -40,6 +43,12 @@ export const AutoCloseAlert: React.FC<AutoCloseAlertProps> = (props) => {
     <Alert
       className="m-3"
       variant={alert.type ?? "primary"}
+      onClick={() => {
+        const { current: tag } = timerTag;
+        if (tag != null) {
+          window.clearTimeout(tag);
+        }
+      }}
       onClose={props.close}
       dismissible
     >