Merge branch 'main' into ADM-975

frontend/src/layouts/ShareReportTrigger/index.tsx

@@ -19,10 +19,10 @@ import { CopyToClipboard } from 'react-copy-to-clipboard';
 import ShareIcon from '@mui/icons-material/Share';
 import LinkIcon from '@mui/icons-material/Link';
 import { useAppSelector } from '@src/hooks';
+import { useEffect, useState } from 'react';
 import Popper from '@mui/material/Popper';
 import Alert from '@mui/material/Alert';
 import Link from '@mui/material/Link';
-import { useState } from 'react';
 
 const ShareReportTrigger = () => {
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
@@ -50,18 +50,22 @@ const ShareReportTrigger = () => {
     setShowAlert(true);
   };
 
-  const handleClickAway = () => {
+  const resetStatus = () => {
     setAnchorEl(null);
     setShowAlert(false);
   };
 
+  useEffect(() => {
+    resetStatus();
+  }, [showShareIcon]);
+
   const open = Boolean(anchorEl);
   const id = open ? 'simple-popper' : undefined;
 
   return (
     <>
       {showShareIcon && (
-        <ClickAwayListener onClickAway={handleClickAway}>
+        <ClickAwayListener onClickAway={resetStatus}>
           <ClickAwayContent>
             <ShareIconWrapper title='Share' onClick={handleClick} aria-label='Share Report' disabled={!canShare}>
               <ShareIcon />