Worked on publishing features

Author: AhnafKhvn

app/src/components/top/NavBar.tsx

@@ -8,7 +8,7 @@ import NewExportButton from './NewExportButton';
 import { RootState } from '../../redux/store';
 import logo from '../../public/icons/win/logo.png';
 import { useSelector, useDispatch } from 'react-redux';
-import { publishProject } from '../../helperFunctions/projectGetSaveDel';
+import { publishProject, unpublishProject } from '../../helperFunctions/projectGetSaveDel';
 import PublishModal from './PublishModal';
 import { updateProjectId, updateProjectName, updateProjectPublished } from '../../redux/reducers/slice/appStateSlice';
 import { State } from '../../interfaces/Interfaces';
@@ -92,6 +92,27 @@ const NavBar = () => {
       console.log('stateName = ',state.name);
       console.log('published =', state.published);   
     }, [state.name, state.published])
+
+    // handleUnpublish = () => {
+    //   .then((project:State) => {
+    //     dispatch(updateProjectPublished(project.published(false));
+    //   })
+    // }
+
+    const handleUnpublish = () => {
+      unpublishProject(state)
+        .then((unpublishedProject: State) => {
+          console.log('Project unpublished successfully', unpublishedProject);
+          dispatch(updateProjectPublished(false)); 
+        })
+        .catch((error) => {
+          console.error('Error unpublishing project:', error.message);
+        });
+    };
+  
+// In handlePublish pass in state 
+//check to see if user is logged the same way as in publish project for the most part
+// then somehow do dispatch(updateProjectPublished(newProject.published === false))
 
   return (
     <nav
@@ -111,9 +132,15 @@ const NavBar = () => {
         </div>
       </Link>
       <div style={buttonContainerStyle}>
-        <button style={buttonStyle} onClick={handlePublish}>
-          Publish
-        </button>
+        {state.published ? (
+          <button style={buttonStyle} onClick={handleUnpublish}>
+            Unpublish
+          </button>
+        ) : (
+          <button style={buttonStyle} onClick={handlePublish}>
+            Publish
+          </button>
+        )}
         <NewExportButton />
         <Button
           style={moreVertButtonStyle}

app/src/helperFunctions/projectGetSaveDel.ts

@@ -94,6 +94,36 @@ export const publishProject = (
   return publishedProject;
 };
 
+export const unpublishProject = (
+  projectData: State
+): Promise<Object> => {
+  const body = JSON.stringify({
+    _id: projectData._id,
+    userId: window.localStorage.getItem('ssid'),
+  });
+
+  const response = fetch(`${serverURL}/unpublishProject`, {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    credentials: 'include',
+    body,
+  });
+
+  const unpublishedProject = response
+    .then((res) => res.json())
+    .then((data) => {
+      console.log({_id: data._id, published: data.published, ...data.project});
+      return {_id: data._id, published: data.published, ...data.project};
+    })
+    .catch((err) => {
+      console.log(`Error unpublishing project ${err}`);
+      throw err;
+    });
+
+  return unpublishedProject;
+};
 
 export const deleteProject = (project: any): Promise<Object> => {
   const body = JSON.stringify({