492: Add timerRef to not clear successive success banners early

Author: carrollsa

src/client/src/contexts/AlertContext.jsx

@@ -14,20 +14,29 @@ const AlertContext = React.createContext({
 export const AlertProvider = ({ children }) => {
     const [text, setText] = React.useState("");
     const [type, setType] = React.useState("");
+    const timerRef = React.useRef(null);
 
     const setAlert = ({ type, text }) => {
         setType(type);
         setText(text);
 
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+
         if (type !== "error") {
-            setTimeout(() => {
+            timerRef.current = setTimeout(() => {
                 setText("");
                 setType("");
             }, ALERT_TIME);
         }
     };
 
     const clearAlert = () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+
         setType("");
         setText("");
     }