Fixed issue with actionlist autocompletion

frontend/src/components/ParsedAction.jsx

@@ -488,7 +488,7 @@ const ParsedAction = (props) => {
         	      continue;
         	    }
 
-        	    var exampledata = item.example === undefined ? "" : item.example;
+        	    var exampledata = item.example === undefined || item.example === null ? "" : item.example;
         	    // Find previous execution and their variables
         	    //exampledata === "" &&
         	    if (workflowExecutions.length > 0) {
@@ -505,10 +505,14 @@ const ParsedAction = (props) => {
         	        var foundResult = workflowExecutions[key].results.find(
         	          (result) => result.action.id === item.id
         	        );
-        	        if (foundResult === undefined) {
+        	        if (foundResult === undefined || foundResult === null) {
         	          continue;
         	        }
 
+									if (foundResult.result !== undefined && foundResult.result !== null) {
+										foundResult = foundResult.result
+									}
+
 									const valid = validateJson(foundResult)
 									if (valid.valid) {
         	          exampledata = valid.result;
@@ -524,6 +528,7 @@ const ParsedAction = (props) => {
         	      item.label === null || item.label === undefined
         	        ? ""
         	        : item.label.split(" ").join("_");
+
         	    const actionvalue = {
         	      type: "action",
         	      id: item.id,
@@ -535,6 +540,7 @@ const ParsedAction = (props) => {
         	  }
         	}
 
+					console.log("ACTIONLIST: ", actionlist)
         	setActionlist(actionlist);
 				}
       }

frontend/src/components/ShuffleCodeEditor.jsx

@@ -19,6 +19,7 @@ import {
 import { useTheme } from '@material-ui/core/styles';
 import { validateJson } from "../views/Workflows.jsx";
 import ReactJson from "react-json-view";
+import PaperComponent from "../components/PaperComponent.jsx"
 
 import CodeMirror from '@uiw/react-codemirror';
 import 'codemirror/keymap/sublime';
@@ -84,10 +85,14 @@ const CodeEditor = (props) => {
 		<Dialog 
       disableEnforceFocus={true}
       hideBackdrop={true}
+			disableBackdropClick={true}
 			open={expansionModalOpen} 
 			onClose={() => {
-				//setExpansionModalOpen(false)
+				console.log("In closer")
+				changeActionParameterCodeMirror({target: {value: ""}}, fieldCount, localcodedata)
 			}}
+      PaperComponent={PaperComponent}
+			aria-labelledby="draggable-dialog-title"
 			PaperProps={{
 				style: {
 					backgroundColor: theme.palette.surfaceColor,
@@ -106,7 +111,9 @@ const CodeEditor = (props) => {
 			>
 				<div style={{display: "flex"}}>
 					<DialogTitle
+					  id="draggable-dialog-title"
 						style={{
+							cursor: "move",
 							paddingBottom:20,
 							paddingLeft: 10, 
 						}}

frontend/src/views/AngularWorkflow.jsx

@@ -2353,7 +2353,8 @@ const AngularWorkflow = (defaultprops) => {
 					}
     	  }
 
-				var newapps = JSON.parse(JSON.stringify(apps))
+				//var newapps = JSON.parse(JSON.stringify(apps))
+				var newapps = apps
     	  const curapp = newapps.find(
     	    (a) =>
     	      a.name === curaction.app_name &&

frontend/src/views/Docs.jsx

@@ -102,7 +102,7 @@ const Docs = (defaultprops) => {
 		maxHeight: "83vh",
 		overflowX: "hidden",
 		overflowY: "auto",
-		zIndex: 10003,
+		zIndex: 1000,
   };
 
   const fetchDocList = () => {
@@ -141,6 +141,11 @@ const Docs = (defaultprops) => {
           setData(responseJson.reason);
           document.title = "Shuffle " + docId + " documentation";
 
+					if (responseJson.reason !== undefined && responseJson.reason !== null && responseJson.reason.includes("404: Not Found")) {
+						navigate("/docs")
+						return
+					}
+
           if (responseJson.meta !== undefined) {
             setSelectedMeta(responseJson.meta);
           }
@@ -517,7 +522,8 @@ const Docs = (defaultprops) => {
                 const newname =
                   item.charAt(0).toUpperCase() +
                   item.substring(1).split("_").join(" ").split("-").join(" ");
-                const itemMatching =
+
+                const itemMatching = props.match.params.key === undefined ? false : 
                   props.match.params.key.toLowerCase() === item.toLowerCase();
                 //const [tocLines, setTocLines] = React.useState([]);
                 return (