From 803da7f72258b420dd62fd3283e43e7a92389dd8 Mon Sep 17 00:00:00 2001
From: Laux Dev <2201104208@student.buksu.edu.ph>
Date: Wed, 4 Mar 2026 14:23:58 +0800
Subject: [PATCH] Dynamic alert title

---
 frontend/src/app/components/alerts/Alert.jsx        | 2 +-
 frontend/src/app/components/topHeader/TopHeader.jsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/alerts/Alert.jsx b/frontend/src/app/components/alerts/Alert.jsx
index dff3406..e124d58 100644
--- a/frontend/src/app/components/alerts/Alert.jsx
+++ b/frontend/src/app/components/alerts/Alert.jsx
@@ -20,7 +20,7 @@ const Alert = (props) => {
           <div className={styles.iconContainer}>
             <BoxedCheckIcon />
           </div>
-          <p>Create New Service</p>
+          <p>{props.title}</p>
         </div>
         <div className={styles.alertBody}>
           <p>
diff --git a/frontend/src/app/components/topHeader/TopHeader.jsx b/frontend/src/app/components/topHeader/TopHeader.jsx
index f6d917c..3e996b3 100644
--- a/frontend/src/app/components/topHeader/TopHeader.jsx
+++ b/frontend/src/app/components/topHeader/TopHeader.jsx
@@ -38,6 +38,7 @@ const TopHeader = (props) => {
         <Alert
           setTriggerAlert={setTriggerAlert}
           onClick={() => setEditState(true)}
+          title={props.topbarTitle}
         />
       )}
       <div className={styles.container}>