From c1e11d7f1c514fa39242c9d131e8a80d573f6da5 Mon Sep 17 00:00:00 2001
From: Laux Dev <2201104208@student.buksu.edu.ph>
Date: Fri, 6 Mar 2026 09:21:17 +0800
Subject: [PATCH] fixed

---
 frontend/src/app/components/alerts/Alert.jsx | 21 ++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/components/alerts/Alert.jsx b/frontend/src/app/components/alerts/Alert.jsx
index e3342e4..010f68d 100644
--- a/frontend/src/app/components/alerts/Alert.jsx
+++ b/frontend/src/app/components/alerts/Alert.jsx
@@ -5,13 +5,19 @@ import SecondaryButton from "../buttons/secondaryButton/SecondaryButton";
 import PrimaryButton from "../buttons/primarybutton/PrimaryButton";
 const Alert = (props) => {
   const [hide, setHide] = useState(false);
+  const body = props?.body;
   const handleHide = () => {
     setHide(true);
     setTimeout(() => {
       props.setTriggerAlert(false);
-      if (props?.editState) {
-        props?.setEditState(false);
-      }
+    }, 250);
+  };
+
+  const handleConfirm = () => {
+    setHide(true);
+    setTimeout(() => {
+      props.setTriggerAlert(false);
+      props?.setEditState(false);
     }, 250);
   };
   return (
@@ -27,17 +33,12 @@ const Alert = (props) => {
         </div>
         <div className={styles.alertBody}>
           <p>
-            {props?.body ||
+            {body ||
               " You are about to add a new record. Please review the details before continuing. Do you want to proceed?"}
           </p>
         </div>
         <div className={styles.actionButtons}>
-          <PrimaryButton
-            text="Confirm"
-            onClick={() => {
-              handleHide();
-            }}
-          />
+          <PrimaryButton text="Confirm" onClick={handleConfirm} />
           <SecondaryButton text="Cancel" onClick={handleHide} />
         </div>
       </div>