Synced 2.0 updates

frontend/src/views/AppCreator.jsx

@@ -5435,6 +5435,7 @@ const AppCreator = (defaultprops) => {
         minWidth: 174,
         minHeight: 174,
         objectFit: "contain",
+		borderRadius: theme.palette?.borderRadius,
       }}
     />
   );
@@ -5450,6 +5451,7 @@ const AppCreator = (defaultprops) => {
         margin: "auto",
         marginTop: 30,
         marginLeft: 40,
+		borderRadius: theme.palette?.borderRadius,
       }}
       onClick={() => {
         upload.click();
@@ -5832,6 +5834,7 @@ const AppCreator = (defaultprops) => {
 							//setOpenApiModal(true)
 							toast.info("Action merging & fork management coming soon")
 						}}
+	  					disabled={true}
 	  					style={{marginLeft: 10, }}
 					>
 						<CallMergeIcon 
@@ -5846,7 +5849,7 @@ const AppCreator = (defaultprops) => {
           href="https://shuffler.io/docs/app_creation#app-creator-instructions"
           style={{ textDecoration: "none", color: "#f85a3e" }}
         >
-          Click here to learn more about app creation
+          Click to learn more about app creation
         </a>
         <div
           style={{
@@ -5940,7 +5943,6 @@ const AppCreator = (defaultprops) => {
             <TextField
               required
               style={{
-				paddingTop: 5,
 				marginTop: 5, 
                 marginRight: 15,
                 backgroundColor: inputColor,

frontend/src/views/Apps.jsx

@@ -1258,7 +1258,6 @@ const Apps = (props) => {
                 style={{
                   width: 150,
                   backgroundColor: theme.palette.surfaceColor,
-                  backgroundColor: inputColor,
                   color: "white",
                   height: 35,
                   marginleft: 10,

frontend/src/views/Apps2.jsx

@@ -1853,6 +1853,7 @@ const Apps2 = (props) => {
           app={selectedApp}
           userdata={userdata}
           globalUrl={globalUrl}
+          getApps={getApps}
         />
         <AppCreationModal
           open={createAppModalOpen}

frontend/src/views/RunWorkflow.jsx

@@ -1642,7 +1642,7 @@ const RunWorkflow = (defaultprops) => {
 			maxHeight: 500, 
 			position: "absolute", 
 			left: 150, 
-			top: 0, 
+			top: 75, 
 			border: "1px solid rgba(255,255,255,0.3)",
 			borderRadius: theme.palette?.borderRadius,
 

frontend/src/views/Usecases2.jsx

@@ -621,7 +621,7 @@ const UsecaseListComponent = (props) => {
 								parsedUsecase.dstapp = newsubcase.dstapp
 
 
-								var workflowBuilt = false
+								var workflowBuilt = "" 
 								const newname = subcase.name.toLowerCase().replaceAll(" ", "_")
 								for (var workflowkey in workflows) {
 									const workflow = workflows[workflowkey]
@@ -635,7 +635,7 @@ const UsecaseListComponent = (props) => {
 
 									//console.log("WORKFLOW: ", newname, newusecases)
 									if (newusecases.includes(newname)) {
-										workflowBuilt = true
+										workflowBuilt = workflow.id 
 										break
 									}
 								}
@@ -676,6 +676,7 @@ const UsecaseListComponent = (props) => {
 											showTryit={false}
 											shownColor={""}
 											workflowBuilt={workflowBuilt} 
+											inputWorkflowId={workflowBuilt}
 											usecaseDetails={usecaseDetails}
 										/>
 

frontend/src/views/Workflows2.jsx

@@ -92,6 +92,7 @@ import {
     ArrowRight as ArrowRightIcon,
     Visibility as VisibilityIcon,
     EditNote as EditNoteIcon,
+	ErrorOutline as ErrorOutlineIcon,
 } from "@mui/icons-material";
 
 // Additional Components
@@ -108,6 +109,8 @@ import { InstantSearch, Configure, connectHits, connectSearchBox, connectRefinem
 import { debounce } from "lodash";
 import { removeQuery } from "../components/ScrollToTop.jsx";
 
+import {green, yellow, red, grey } from "../views/AngularWorkflow.jsx"
+
 
 const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e5240");
 
@@ -1114,12 +1117,9 @@ const Workflows2 = (props) => {
                 <Button
                     style={{}}
                     onClick={() => {
-                        console.log("Editing: ", editingWorkflow);
                         if (selectedWorkflowId) {
                             deleteWorkflow(selectedWorkflowId)
-                            setTimeout(() => {
-                                getAvailableWorkflows();
-                            }, 1000);
+
                         } else if (selectedWorkflowIndexes.length > 0) {
                             // Do backwards so it doesn't change 
                             toast("Starting deletion of workflows. This might take a while.")
@@ -1130,13 +1130,13 @@ const Workflows2 = (props) => {
                                 }
                             }
 
-                            setTimeout(() => {
-                                getAvailableWorkflows()
-                            }, 1000);
-
+							setTimeout(() => {
+								getAvailableWorkflows()
+							}, 5000)
                             setSelectedWorkflowIndexes([]);
                         }
-                        setDeleteModalOpen(false);
+
+                        setDeleteModalOpen(false)
                     }}
                     color="primary"
                 >
@@ -2807,6 +2807,7 @@ const Workflows2 = (props) => {
                                 {workflowMenuButtons}
                             </div>
                         ) : null}
+
                         {(data.sharing !== undefined && data.sharing !== null && data.sharing === "form") || (data?.form_control?.input_markdown !== undefined && data?.form_control?.input_markdown !== null && data?.form_control?.input_markdown !== "") && type !== "public" ?
                             <Tooltip title="Edit Form" placement="top">
                                 <div style={{ position: "absolute", top: 45, right: 8, }}>
@@ -2821,10 +2822,33 @@ const Workflows2 = (props) => {
                                     >
                                         <EditNoteIcon />
                                     </IconButton>
-                                    {workflowMenuButtons}
                                 </div>
                             </Tooltip>
-                            : null}
+                        : null}
+
+						{(data?.validation?.validation_ran === true && data?.validation?.valid === false && data?.validation?.errors?.length > 0 ) ?                            
+							<Tooltip title={`Explore more than  ${data?.validation?.errors?.length} errors. When the last execution finishes without errors AND notifications stop occuring, this icon disappears.`} placement="top">
+                                <div style={{ position: "absolute", top: 45, right: 8, }}>
+                                    <IconButton
+                                        aria-label="more"
+                                        aria-controls="long-menu"
+                                        aria-haspopup="true"
+                                        onClick={() => {
+                                            window.open(`/admin?admin_tab=notifications&workflow_id=${data.id}`, "_blank")
+                                        }}
+                                        style={{ 
+											padding: "0px", 
+											color: "#979797",
+										}}
+                                    >
+										<ErrorOutlineIcon style={{ 
+											marginRight: 2, 
+										}} />
+                                    </IconButton>
+                                </div>
+                            </Tooltip>
+
+						: null}
                     </Grid>
                 </Paper>
             </div>