fixing author error

Author: parteekcoder

src/component/modals/ProjectDetails.jsx

@@ -13,36 +13,32 @@ const ProjectDetails = ({ superState, dispatcher }) => {
     const { newGraphModal } = superState;
     const editDetailsModal = superState.editDetailsModal || (curGraph && !curGraph.projectName);
 
-    const setProjAuthorName = (a) => {
-        setAuthorName(a);
-        dispatcher({
-            type: T.SET_AUTHOR,
-            payload: a,
-        });
-    };
-
     useEffect(() => {
         if (superState.editDetailsModal && curGraph) {
             setProjectName(curGraph.projectName);
-        } else setProjectName('');
-    }, [superState.authorName, superState.editDetailsModal, curGraph]);
+            setAuthorName(curGraph.authorName);
+        } else {
+            setProjectName('');
+        }
+    }, [curGraph?.authorName, superState.editDetailsModal, curGraph]);
 
     useEffect(() => {
-        if (superState.authorName) setAuthorName(superState.authorName);
-        else {
+        if (curGraph?.authorName) {
+            setAuthorName(curGraph.authorName);
+        } else {
             const authorNameE = localStorageManager.getAuthorName();
-            setProjAuthorName(authorNameE);
+            setAuthorName(authorNameE);
         }
     }, []);
 
     const submit = (e) => {
         e.preventDefault();
-        if (newGraphModal) dispatcher({ type: T.ADD_GRAPH, payload: { projectName } });
+        if (newGraphModal) dispatcher({ type: T.ADD_GRAPH, payload: { projectName, authorName } });
         else if (editDetailsModal) {
             superState.curGraphInstance.setProjectName(projectName);
+            superState.curGraphInstance.setProjectAuthor(authorName);
             dispatcher({ type: T.SET_EDIT_DETAILS_MODAL, payload: false });
         }
-        setProjAuthorName(authorName);
         localStorageManager.setAuthorName(authorName);
     };
 

src/graph-builder/graph-core/1-core.js

@@ -106,6 +106,21 @@ class CoreGraph {
         this.cy.emit('graph-modified');
     }
 
+    setProjectAuthor(authorName, shouldEmit = true) {
+        this.authorName = authorName;
+        if (shouldEmit) {
+            this.dispatcher({
+                type: T.SET_AUTHOR,
+                payload: {
+                    value: authorName,
+                    graphID: this.id,
+                    type: 'authorName',
+                },
+            });
+        }
+        this.cy.emit('graph-modified');
+    }
+
     setServerID(serverID, shouldEmit = true) {
         this.serverID = serverID;
         if (shouldEmit) {

src/reducer/initialState.js

@@ -21,7 +21,6 @@ const initialState = {
     graphs: [],
     curGraphIndex: 0,
     viewHistory: false,
-    authorName: '',
     isWorkflowOnServer: false,
     curGraphInstance: null,
     zoomLevel: 100,
@@ -32,7 +31,7 @@ const initialGraphState = {
     graphID: null,
     serverID: null,
     graphML: null,
-
+    authorName: '',
     component: null,
     instance: null,
     id: null,

src/reducer/reducer.js

@@ -97,6 +97,7 @@ const reducer = (state, action) => {
                     graphML: action.payload.graphML,
                     fileHandle: action.payload.fileHandle || null,
                     fileName: action.payload.fileName,
+                    authorName: action.payload.authorName,
                 },
             ],
         };
@@ -153,7 +154,11 @@ const reducer = (state, action) => {
     }
 
     case T.SET_AUTHOR: {
-        return { ...state, authorName: action.payload };
+        const newState = { ...state };
+        newState.graphs = newState.graphs.map((g) => (
+            g.graphID === action.payload.graphID ? { ...g, [action.payload.type]: action.payload.value } : g
+        ));
+        return { ...newState };
     }
 
     case T.IS_WORKFLOW_ON_SERVER: {