auto-fill Contribute form from active graph metadata

Author: GREENRAT-K405

src/component/modals/ContributeDetails.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { toast } from 'react-toastify';
 import axios from 'axios';
 import { EXECUTION_ENGINE_URL } from '../../serverCon/config';
@@ -10,13 +10,25 @@ const ContributeDetails = ({ superState, dispatcher }) => {
     const closeModal = () => {
         dispatcher({ type: T.SET_CONTRIBUTE_MODAL, payload: false });
     };
-    const [study, setStudy] = useState('');
-    const [path, setPath] = useState('');
-    const [auth, setAuth] = useState('');
+
+    const curGraph = superState.graphs[superState.curGraphIndex] ?? {};
+
+    const [study, setStudy] = useState(curGraph.projectName ?? '');
+    const [path, setPath] = useState(superState.uploadedDirName ?? '');
+    const [auth, setAuth] = useState(curGraph.authorName ?? '');
     const [title, setTitle] = useState('');
     const [desc, setDesc] = useState('');
     const [branch, setBranch] = useState('');
     const [showAdvanceOptions, setShowAdvanceOptions] = useState(false);
+
+    useEffect(() => {
+        if (superState.contributeModal) {
+            const activeGraph = superState.graphs[superState.curGraphIndex] ?? {};
+            setStudy(activeGraph.projectName ?? '');
+            setPath(superState.uploadedDirName ?? '');
+            setAuth(activeGraph.authorName ?? '');
+        }
+    }, [superState.contributeModal]);
     const submit = async (e) => {
         if (study === '' || path === '' || auth === '') {
             toast.info('Please Provide necessary inputs');