+
+ {selectedCategory !== "" ?
+
+
+ image =
+ foundOrg.image === "" ? (
+ 
+ ) : (
+ 
{
+ //setFilteredWorkflows(newWorkflows)
+ }}
+ />
+ );
+ }
+ }
+
+ return
+
+ {data.name}
+
+
+ );
+ },
+ },
+
+ {
+ field: "options",
+ headerName: "Options",
+ width: 200,
+ sortable: false,
+ disableClickEventBubbling: true,
+ renderCell: (params) => {
+ const data = params.row.record;
+ const actions = data.actions !== null ? data.actions.length : 0;
+ let [triggers, subflows] = getWorkflowMeta(data);
+ const appGroup = getWorkflowAppgroup(data)
+
+ return (
+
+
+ );
+ },
+ },
+ {
+ field: "tags",
+ headerName: "Tags",
+ maxHeight: 15,
+ width: 300,
+ sortable: false,
+ disableClickEventBubbling: true,
+ renderCell: (params) => {
+ const data = params.row.record;
+ return (
+
+ {data.tags !== undefined
+ ? data.tags.map((tag, index) => {
+ if (index >= 3) {
+ return null;
+ }
+
+ return (
+
+ );
+ },
+ },
+ {
+ field: "",
+ headerName: "",
+ maxHeight: 15,
+ width: 100,
+ sortable: false,
+ disableClickEventBubbling: true,
+ renderCell: (params) => { },
+ },
+ ];
+
+ let rows = [];
+ rows = filteredWorkflows.map((data, index) => {
+ let obj = {
+ id: index + 1,
+ title: data.name,
+ record: data,
+ };
+
+ return obj;
+ })
+
+ workflowData = (
+ {
+ setSelectedWorkflowIndexes(newSelection)
+ }}
+ selectionModel={selectedWorkflowIndexes}
+ components={{
+ Toolbar: GridToolbar,
+ }}
+ />
+ );
+ }
+ return (
+
+
+
+ {view === "list" && (
+
+
+
+ )}
+ {view === "grid" && (
+
+
+
+ )}
+
+
+
+ (upload = ref)}
+ onChange={importFiles}
+ />
+ {workflows.length > 0 ? (
+
+
+
+ ) : null}
+ {isCloud ? null : (
+
+
+
+ )}
+
+ );
+
+ // const tourOptions = {
+ // defaultStepOptions: {
+ // classes: "shadow-md bg-purple-dark",
+ // scrollTo: true
+ // },
+ // useModalOverlay: true,
+ // tourName: workflows,
+ // exitOnEsc: true,
+ // }
+
+ // //classes: "custom-class-name-1 custom-class-name-2",
+ // const newSteps = [
+ // {
+ // id: "intro",
+ // scrollTo: true,
+ // beforeShowPromise: function() {
+ // return new Promise(function(resolve) {
+ // setTimeout(function() {
+ // window.scrollTo(0, 0);
+ // resolve();
+ // }, 500);
+ // });
+ // },
+ // buttons: [
+ // {
+ // classes: "shepherd-button-primary",
+ // style: {
+ // backgroundColor: "red",
+ // color: "white",
+ // },
+ // text: "Next",
+ // type: "next"
+ // }
+ // ],
+ // highlightClass: "highlight",
+ // showCancelLink: true,
+ // text: [
+ // "React-Shepherd is a JavaScript library for guiding users through your React app."
+ // ],
+ // when: {
+ // show: () => {
+ // console.log("show step 1");
+ // },
+ // hide: () => {
+ // console.log("hide step 1");
+ // }
+ // }
+ // },
+ // {
+ // id: "second",
+ // attachTo: {
+ // element: "second-step",
+ // on: "top"
+ // },
+ // text: [
+ // "Yuk eksplorasi hasil Tes Minat Bakat-mu dan rekomendasi Jurusan dan Karier."
+ // ],
+ // buttons: [
+ // {
+ // classes: "btn btn-info",
+ // text: "Kembali",
+ // type: "back"
+ // },
+ // {
+ // classes: "btn btn-success",
+ // text: "Saya Mengerti",
+ // type: "cancel"
+ // }
+ // ],
+ // when: {
+ // show: () => {
+ // console.log("show stepp");
+ // },
+ // hide: () => {
+ // console.log("complete step");
+ // }
+ // },
+ // showCancelLink: false,
+ // scrollTo: true,
+ // modalOverlayOpeningPadding: 4,
+ // useModalOverlay: false,
+ // canClickTarget: false
+ // }
+ // ]
+
+ // function TourButton() {
+ // const tour = useContext(ShepherdTourContext);
+
+ // return (
+ //
+ // );
+ // }
+
+ useEffect(() => {
+ if (userdata !== undefined && userdata !== null) {
+ var filteredWorkflows = []
+ setIsLoadingWorkflow(true);
+ if (currTab === 0) {
+ filteredWorkflows = workflows.filter(workflow => workflow?.org_id === userdata?.active_org?.id)
+ }
+ else if (currTab === 1) {
+ filteredWorkflows = workflows.filter(workflow => workflow?.org_id === userdata?.active_org?.id && workflow?.owner === userdata?.id)
+ }
+ setFilteredWorkflows(filteredWorkflows)
+ setIsLoadingWorkflow(false);
+ }
+ }, [currTab, workflows, userdata])
+
+ useEffect(() => {
+ console.log("SearchQuery: ", searchQuery)
+ }, [searchQuery])
+
+ const Hits = ({ hits }) => {
+ var counted = 0
+ console.log("Public workflows", hits)
+
+ if (isLoadingPublicWorkflow) {
+ return (
+
+
+
+ const videoView =
+
+
+ const loadedCheck =
+ isLoaded && isLoggedIn && workflowDone ? (
+
{
+ addFilter(selectedCategory)
+ }}
+ />
+
+ : null}
+
+
+
+
+ {
+ /*
+ if (data.image === undefined || data.image === null || data.image === "" && !loadingWorkflows.includes(data.id)) {
+ sideloadWorkflow(data.id, false)
+ loadingWorkflows.push(data.id)
+ }
+ */
+ }}
+ title={
+
+
+ {parsedName}
+
+
+
+
+
+ {appGroup.length > 0 ?
+
+
+
+ {actions}
+
+
+
+ }
+
+
+
+ {triggers}
+
+
+
+
+ {
+ if (subflows === 0) {
+ toast("No subflows for " + data.name);
+ return;
+ }
+
+ var newWorkflows = [data];
+ for (var key in data.triggers) {
+ const trigger = data.triggers[key];
+ if (trigger.app_name !== "Shuffle Workflow") {
+ continue;
+ }
+
+ if (
+ trigger.parameters !== undefined &&
+ trigger.parameters !== null &&
+ trigger.parameters.length > 0 &&
+ trigger.parameters[0].name === "workflow"
+ ) {
+ const newWorkflow = workflows.find(
+ (item) => item.id === trigger.parameters[0].value
+ );
+ if (newWorkflow !== null && newWorkflow !== undefined) {
+ newWorkflows.push(newWorkflow);
+ continue;
+ }
+ }
+ }
+
+ setFilters(["Subflows of " + data.name]);
+ setFilteredWorkflows(newWorkflows);
+ }}
+ >
+
+
+ {subflows}
+
+
+
+
+
+ {data.tags !== undefined && data.tags !== null
+ ? data.tags.map((tag, index) => {
+ if (index >= 3) {
+ return null;
+ }
+
+ return (
+
+ {data.actions !== undefined && data.actions !== null && type !== "public" ? (
+
+
+ : null}
+
+
+
+ )
+ }
+
+ // Can create and set workflows
+ const setNewWorkflow = (
+ name,
+ description,
+ tags,
+ defaultReturnValue,
+ editingWorkflow,
+ redirect,
+ currentUsecases,
+ inputblogpost,
+ inputstatus,
+ ) => {
+
+ var method = "POST";
+ var extraData = "";
+ var workflowdata = {};
+
+ if (editingWorkflow.id !== undefined) {
+ console.log("Building original workflow");
+ method = "PUT";
+ extraData = "/" + editingWorkflow.id + "?skip_save=true";
+ workflowdata = editingWorkflow;
+
+ console.log("REMOVING OWNER");
+ workflowdata["owner"] = "";
+ workflowdata["org"] = [];
+ workflowdata["org_id"] = "";
+ workflowdata["execution_org"] = {};
+ workflowdata["previously_saved"] = false;
+ // FIXME: Loop triggers and turn them off?
+ }
+
+ workflowdata["name"] = name;
+ workflowdata["description"] = description;
+ if (tags !== undefined) {
+ workflowdata["tags"] = tags;
+ }
+
+ workflowdata["blogpost"] = inputblogpost
+ workflowdata["status"] = inputstatus
+
+ if (defaultReturnValue !== undefined) {
+ workflowdata["default_return_value"] = defaultReturnValue;
+ }
+
+ if (currentUsecases !== undefined && currentUsecases !== null) {
+ workflowdata["usecase_ids"] = currentUsecases
+ //workflows[0].category = ["detect"]
+ //workflows[0].usecase_ids = ["Correlate tickets"]
+ }
+
+ const new_url = `${globalUrl}/api/v1/workflows${extraData}`
+ return fetch(new_url, {
+ method: method,
+ headers: {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ body: JSON.stringify(workflowdata),
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for workflows :O!");
+ return;
+ }
+ setSubmitLoading(false);
+
+ return response.json();
+ })
+ .then((responseJson) => {
+ if (responseJson.success === false) {
+ if (responseJson.reason !== undefined) {
+ toast("Error setting workflow: ", responseJson.reason)
+ } else {
+ toast("Error setting workflow.")
+ }
+
+ return
+ }
+
+ if (redirect) {
+ //window.location.pathname = "/workflows/" + responseJson["id"];
+ navigate("/workflows/" + responseJson["id"])
+ //setModalOpen(false);
+ } else if (!redirect) {
+ // Update :)
+ setTimeout(() => {
+ getAvailableWorkflows();
+ }, 4000);
+ setSubmitLoading(false)
+ setModalOpen(false);
+ } else {
+ //toast("Successfully changed basic info for workflow");
+ setModalOpen(false);
+ }
+
+ return responseJson;
+ })
+ .catch((error) => {
+ toast(error.toString());
+ setSubmitLoading(false)
+ setModalOpen(false);
+ setSubmitLoading(false);
+ });
+ };
+
+ const importFiles = (event) => {
+ console.log("Importing!");
+ setSubmitLoading(true)
+
+ if (event.target.files.length > 0) {
+ console.log("Files: !", event.target.files.length);
+ for (var key in event.target.files) {
+ const file = event.target.files[key];
+ if (file.type !== "application/json") {
+ if (file.type !== undefined) {
+ toast("File has to contain valid json");
+ setSubmitLoading(false)
+ }
+
+ continue;
+ }
+
+ const reader = new FileReader();
+ var workflowids = []
+
+ // Waits for the read
+ reader.addEventListener("load", (event) => {
+ var data = reader.result;
+ try {
+ data = JSON.parse(reader.result);
+ } catch (e) {
+ toast("Invalid JSON: " + e);
+ setSubmitLoading(false)
+ return;
+ }
+
+ console.log("File being loaded: ", data.name);
+
+ // Initialize the workflow itself
+ setNewWorkflow(
+ data.name,
+ data.description,
+ data.tags,
+ data.default_return_value,
+ {},
+ false,
+ [],
+ "",
+ data.status,
+ )
+ .then((response) => {
+ if (response !== undefined) {
+ // SET THE FULL THING
+ data.id = response.id;
+ data.first_save = false;
+ data.previously_saved = false;
+ data.is_valid = false;
+ data.org_id = userdata.active_org.id
+ data.org = []
+ data.execution_org = {}
+
+ workflowids.push(data.id)
+
+ // Actually create it
+ setNewWorkflow(
+ data.name,
+ data.description,
+ data.tags,
+ data.default_return_value,
+ data,
+ false,
+ [],
+ "",
+ data.status,
+ ).then((response) => {
+ if (response !== undefined) {
+ toast("Successfully imported " + data.name);
+ }
+ });
+ }
+ })
+ .catch((error) => {
+ toast("Import error: " + error.toString());
+ });
+ });
+
+ // Actually reads
+ reader.readAsText(file);
+ }
+ }
+
+ setLoadWorkflowsModalOpen(false);
+
+ if (workflowids.length > 0) {
+ setHighlightIds(workflowids)
+ }
+ };
+
+ const getWorkflowMeta = (data) => {
+ let triggers = 0;
+ let subflows = 0;
+ if (
+ data.triggers !== undefined &&
+ data.triggers !== null &&
+ data.triggers.length > 0
+ ) {
+ triggers = data.triggers.length;
+ for (let key in data.triggers) {
+ if (data.triggers[key].app_name === "Shuffle Workflow") {
+ subflows += 1;
+ }
+ }
+ }
+
+ return [triggers, subflows];
+ };
+
+ const WorkflowListView = () => {
+ let workflowData = "";
+ if (workflows.length > 0) {
+ const columns = [
+ {
+ field: "image",
+ headerName: "Logo",
+ width: 50,
+ sortable: false,
+ renderCell: (params) => {
+ const data = params.row.record;
+
+ var boxColor = "#FECC00";
+ if (data.is_valid) {
+ boxColor = "#86c142";
+ }
+
+ if (!data.previously_saved) {
+ boxColor = "#f85a3e";
+ }
+
+ var image = "";
+ if (userdata.orgs !== undefined) {
+ const foundOrg = userdata.orgs.find(
+ (org) => org.id === data["org_id"]
+ );
+ if (foundOrg !== undefined && foundOrg !== null) {
+ //position: "absolute", bottom: 5, right: -5,
+ const imageStyle = {
+ width: imagesize + 7,
+ height: imagesize + 7,
+ pointerEvents: "none",
+ marginLeft:
+ data.creator_org !== undefined &&
+ data.creator_org.length > 0
+ ? 20
+ : 0,
+ borderRadius: 10,
+ border:
+ foundOrg.id === userdata.active_org.id
+ ? `3px solid ${boxColor}`
+ : null,
+ cursor: "pointer",
+ marginTop: 5,
+ };
+
+ // {
+ navigate("/admin")
+ }}
+ >
+ {image}
+
+
+ {data.image !== undefined && data.image !== null && data.image.length > 0 ? (
+
+ Edit: {data.name}
+
+
+ {(isDistributed || hasSuborgs) && (
+
+ } placement="right">
+
+
+ 
+
+ ) : null}
+
+
+
+ This is a parentorg-controlled workflow
+
+
+ )}
+
+
+ {currTab !== 2 && appGroup.map((data, index) => {
+ return (
+
+
+ :
+ {
+ addFilter(data.app_name);
+ }}
+ >
+
+
+
+ )
+ })}
+ {
+ currTab === 2 && appGroup.map((data, index) => {
+ return (
+ {
+ addFilter(data.app_name);
+ }}
+ >
+
+
+
+ )
+ })}
+
+
+
+ {workflowMenuButtons}
+
+ ) : 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" ?
+
+ {
+ navigate(`/forms/${data.id}`)
+ }}
+ style={{ padding: "0px", color: "#979797" }}
+ >
+
+ {workflowMenuButtons}
+
+ {image}
;
+ },
+ },
+ {
+ field: "title",
+ headerName: "Title",
+ width: 330,
+ renderCell: (params) => {
+ const data = params.row.record;
+
+
+ return (
+
+ {appGroup.length > 0 ?
+
+
+
+ {actions}
+
+
+
+ }
+
+
+
+ {triggers}
+
+
+
+
+ {
+ if (subflows === 0) {
+ toast("No subflows for " + data.name);
+ return;
+ }
+
+ var newWorkflows = [data];
+ for (var key in data.triggers) {
+ const trigger = data.triggers[key];
+ if (trigger.app_name !== "Shuffle Workflow") {
+ continue;
+ }
+
+ if (
+ trigger.parameters !== undefined &&
+ trigger.parameters !== null &&
+ trigger.parameters.length > 0 &&
+ trigger.parameters[0].name === "workflow"
+ ) {
+ const newWorkflow = workflows.find(
+ (item) => item.id === trigger.parameters[0].value
+ );
+ if (
+ newWorkflow !== null &&
+ newWorkflow !== undefined
+ ) {
+ newWorkflows.push(newWorkflow);
+ continue;
+ }
+ }
+ }
+
+ setFilters(["Subflows of " + data.name]);
+ setFilteredWorkflows(newWorkflows);
+ }}
+ >
+
+
+ {subflows}
+
+
+
+
+
+
+ {appGroup.map((data, index) => {
+ return (
+
+
+ :
+ {
+ addFilter(data.app_name);
+ }}
+ >
+
+
+
+ )
+ })}
+
+
+ {
+ setDialogModalOpen(true)
+ setIsEditing(false)
+ }}
+ >
+
+
+ {filteredWorkflows.length === 0 ? null :
+ {
+ setDeleteModalOpen(true)
+ }}
+ >
+
+
+
+ }
+ {workflowData}
+
+ )
+ };
+
+ var total_count = 0
+ const modalView = dialogModalOpen ? (
+
+ ) : null;
+
+ const viewSize = {
+ workflowView: 4,
+ executionsView: 3,
+ executionResults: 4,
+ };
+
+ const workflowViewStyle = {
+ flex: viewSize.workflowView,
+ marginLeft: 10,
+ marginRight: 10,
+ };
+
+ if (viewSize.workflowView === 0) {
+ workflowViewStyle.display = "none";
+ }
+
+ const workflowButtons = (
+
+
+
+ );
+ }
+
+ return (
+
+ {hits.map((data, index) => {
+ return
+
+ )
+ }
+
+ const CustomHits = connectHits(Hits)
+
+
+ const handleCategoryChange = (e) => {
+ setSelectedCategory(e.target.value)
+ }
+
+ const WorkflowView = memo(() => {
+ if (workflows.length === 0) {
+ }
+
+ var workflowDelay = -150
+ var appDelay = -75
+
+ const foundPriority = userdata === undefined || userdata === null || userdata.priorities === undefined || userdata.priorities === null ? null : userdata.priorities.find(prio => prio.type === "usecase" && prio.active === true)
+ return (
+
+
+ );
+ });
+
+ const importWorkflowsFromUrl = (url) => {
+ console.log("IMPORT WORKFLOWS FROM ", downloadUrl);
+
+ const parsedData = {
+ url: url,
+ field_3: downloadBranch || "master",
+ };
+
+ if (field1.length > 0) {
+ parsedData["field_1"] = field1;
+ }
+
+ if (field2.length > 0) {
+ parsedData["field_2"] = field2;
+ }
+
+ toast("Getting specific workflows from your URL.");
+ fetch(globalUrl + "/api/v1/workflows/download_remote", {
+ method: "POST",
+ mode: "cors",
+ headers: {
+ Accept: "application/json",
+ },
+ body: JSON.stringify(parsedData),
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status === 200) {
+ toast("Successfully loaded workflows from " + downloadUrl);
+ setTimeout(() => {
+ getAvailableWorkflows();
+ }, 1000);
+ }
+
+ return response.json();
+ })
+ .then((responseJson) => {
+ if (!responseJson.success) {
+ if (responseJson.reason !== undefined) {
+ toast("Failed loading: " + responseJson.reason);
+ } else {
+ toast("Failed loading");
+ }
+ }
+ })
+ .catch((error) => {
+ toast(error.toString());
+ });
+ };
+
+ const handleGithubValidation = () => {
+ importWorkflowsFromUrl(downloadUrl);
+ setLoadWorkflowsModalOpen(false);
+ }
+
+ const workflowDownloadModalOpen = loadWorkflowsModalOpen ? (
+
+ ) : null;
+
+ //const
+ //const [percentDone, setPercentDone] = React.useState(0)
+ const percentDone = gettingStartedItems.filter((item) => item.done).length / gettingStartedItems.length * 100
+
+ const GettingStartedItem = ({ item, index }) => {
+ const [clicked, setClicked] = React.useState(false)
+ const doneIcon = item.done ?
+
+
+ {/*
+
+ {/*
+
+ Workflows
+
+
*/}
+ {/*
+
+
+
+ Learn more about Workflows
+
+
+
+ */}
+ {/* {isMobile ? null :
+
+
+ } */}
+ {/*
+ {
+ console.log("CHANGE: ", chips);
+ setFilters(chips);
+ findWorkflow(chips);
+ }}
+ //onAdd={(chip) => {
+ // console.log("ADd: ", chip);
+ // addFilter(chip);
+ //}}
+ //onDelete={(_, index) => {
+ // console.log("Remove: ", index);
+ // removeFilter(index);
+ //}}
+ />
+
+
+ {workflowButtons}
+
*/}
+
+ {!isMobile && !hasWorkflows && usecases !== null && usecases !== undefined && usecases.length > 0 ?
+
*/}
+
+
+
+ {userdata.priorities !== undefined && userdata.priorities !== null && userdata.priorities.length > 0 && userdata.priorities[0].name.includes("CPU") && userdata.priorities[0].active === true ?
+
+ {usecases.map((usecase, index) => {
+ if (usecase.name === "5. Verify") {
+ return null
+ }
+
+ const percentDone = usecase.matches.length > 0 ? parseInt(usecase.matches.length/usecase.list.length*100) : 0
+ if (percentDone === 0) {
+ usecase = findMatches(usecase, workflows)
+ }
+
+ return (
+ {
+ console.log("Filters: ", filters, usecase.name.toLowerCase())
+ if (!filters.includes(usecase.name.toLowerCase())) {
+ addFilter(usecase.name)
+ } else {
+ removeFilter(filters.indexOf(usecase.name.toLowerCase()))
+ }
+
+ }}
+ >
+
+
+ {usecase.name}
+
+
+ {usecase.matches.length}/{usecase.list.length}
+
+
+
+ )
+ })}
+
+ : null}
+
+
+ : null}
+
+ {/* {foundPriority != null && workflows.length < 6 ?
+
+
+ {userdata.priorities[0].name}
+
+
+
+
+
+ {userdata.priorities[0].description}
+
+
+
+
+
+ {/*
+
+ */}
+
+
+
+ Workflows
+
+
+
+
+
+ {/* {foundPriority != null && filteredWorkflows.length > 6 ?
+
+
+
+
+
+
+
+ {
+ console.log("CHANGE: ", chips);
+ setFilters(chips);
+ findWorkflow(chips);
+ }}
+ style={{ flex: 0.9, borderRadius: 8 }}
+ // style={searchStyle}
+ //onAdd={(chip) => {
+ // console.log("ADd: ", chip);
+ // addFilter(chip);
+ //}}
+ //onDelete={(_, index) => {
+ // console.log("Remove: ", index);
+ // removeFilter(index);
+ //}}
+ />
+
+
+
+
+
+
+
+
+ navigate("/workflows/debug")}
+ >
+
+
+
+ {
+ if (view === "grid") {
+ localStorage.setItem("workflowView", "list");
+ setView("list");
+ } else {
+ localStorage.setItem("workflowView", "grid");
+ setView("grid");
+ }
+ }}
+ >
+ {
+ view === "list" ?
+
+
+ upload.click()}
+ >
+ {submitLoading ?
+
+ (upload = ref)}
+ onChange={importFiles}
+ />
+
+ {
+ exportAllWorkflows(workflows);
+ }}
+ >
+
+
+
+
+
+
+
+
+ {
+ isLoadingWorkflow ? (
+
+
+ )
+ }
+
+
+
+
+ ) : (
+ view === "grid" && currTab !== 2 ? (
+ <>
+
+
+
+
+ {filteredWorkflows.map((data, index) => {
+ // Shouldn't be a part of this list
+ if (data.public === true) {
+ return null
+ }
+
+ if (firstLoad) {
+ workflowDelay += 75
+ } else {
+ return */}
+ */}
+
+ )
+ })}
+
+
+ ) : (
+ currTab !== 2 && setClicked(true)}
+ >
+
+ {doneIcon} {index + 1}. {item.name}
+
+ {clicked ?
+
+
+ {item.description}
+
+
+
+
+
+ :
+ null
+ }
+
+ )
+ }
+
+ const gettingStartedDrawer = true == true ? null :
+
+
+ Getting Started
+
+
+ {
+ e.preventDefault();
+ setDrawerOpen(false)
+
+ localStorage.setItem(sidebarKey, "closed");
+ }}
+ >
+
+
+
+
+
+ Setup progress: {isNaN(percentDone) ? 0 : percentDone}%
+
+
+
+ Follow these steps to get you up and running!
+
+ {
+ setVideoViewOpen(true)
+ }}>
+ Watch 2-min introduction video
+
+
+
+ {gettingStartedItems.map((item, index) => {
+ return (
+
+
+ {/*
+
+
+ */}
+
+ ) : (
+
+
+ {
+ setDrawerOpen(true)
+ localStorage.setItem(sidebarKey, "open");
+ }}>
+
+
+
: null*/}
+ {isMobile ? null : gettingStartedDrawer}
+ {videoView}
+
+ {modalOpen === true ?
+
+
+ Need assistance? Ask our support team (it's free!).
+
+ 
+
*/}
+
+
+ Loading Workflows
+
+ );
+
+ // Maybe use gridview or something, idk
+ return {loadedCheck}
;
+};
+
+
+
+export default Workflows2;
\ No newline at end of file