Fixed

frontend/src/app/components/topHeader/TopHeader.jsx

@@ -37,8 +37,9 @@ const TopHeader = (props) => {
       {triggerAlert && (
         <Alert
           setTriggerAlert={setTriggerAlert}
-          onClick={() => setEditState(true)}
-          title={props.topbarTitle}
+          setEditState={setEditState}
+          title={!editState ? props.topbarTitle : "Save Changes"}
+          body="You are about to save the changes. Do you want to continue?"
         />
       )}
       <div className={styles.container}>
@@ -91,7 +92,9 @@ const TopHeader = (props) => {
                 text="Save"
                 form="form"
                 type="submit"
-                /*   onClick={() => setTriggerAlert(!triggerAlert)} */
+                onClick={() =>
+                  editState ? setTriggerAlert(!triggerAlert) : ""
+                }
                 icon={<CheckIcon width={20} height={20} />}
               />