Added new features

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

@@ -13,7 +13,7 @@ const TopHeader = (props) => {
   return (
     <div className={styles.container}>
       <div className={styles.title}>
-        {pathName.includes("/view") && (
+        {pathName.includes("/view") && props.state === "view" && (
           <div onClick={() => router.back()}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -114,7 +114,39 @@ const TopHeader = (props) => {
         ) : (
           ""
         )}
-        {(pathName === "/projects/view" || !props.state) && (
+        {pathName === "/projects/view" && (
+          <div
+            className={styles.button}
+            onClick={() => props.trigger(!props.triggerState)}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+            >
+              <path
+                d="M10 4.41016V15.5907"
+                stroke="currentColor"
+                strokeOpacity={1}
+                strokeWidth={1.5}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+              <path
+                d="M4.41016 10H15.5907"
+                stroke="currentColor"
+                strokeOpacity={1}
+                strokeWidth={1.5}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
+            <p>{props.buttonText}</p>
+          </div>
+        )}
+        {!props.state && (
           <div className={styles.button} onClick={handleNavigateToAdd}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -171,7 +203,7 @@ const TopHeader = (props) => {
           ""
         )}
         {/* Projects 3 dots menu */}
-        {pathName.includes("/projects/view") && (
+        {pathName === "/projects/view" && (
           <div
             className={styles.menu}
             onClick={() => setTriggerDropDownMenu(!triggerDropDownMenu)}