🐞 Platform bug squashing

next/src/pages/workflow/index.tsx

@@ -4,7 +4,7 @@ import { type NextPage } from "next";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { RiBuildingLine, RiStackFill } from "react-icons/ri";
 import { RxHome, RxPlus } from "react-icons/rx";
 
@@ -71,6 +71,13 @@ const WorkflowPage: NextPage = () => {
   );
 
   const [open, setOpen] = useState(false);
+  const [disableBlockDialog, setDisableBlockDialog] = useState(true);
+
+  const onPaneClick = () => {
+    if (!disableBlockDialog) {
+      setOpen(true);
+    }
+  };
 
   const changeQueryParams = async (newParams: Record<string, string>) => {
     const updatedParams = {
@@ -89,6 +96,15 @@ const WorkflowPage: NextPage = () => {
   const showLoader = !router.isReady || (isLoading && !!workflowId);
   const showCreateForm = !workflowId && router.isReady;
 
+  useEffect(() => {
+    if (showCreateForm) {
+      setDisableBlockDialog(true);
+    }
+    else {
+      setDisableBlockDialog(false);
+    }
+  }, [showCreateForm]);
+
   const onCreate = async (name: string) => {
     const data = await WorkflowApi.fromSession(session).create({
       name: name,
@@ -217,7 +233,7 @@ const WorkflowPage: NextPage = () => {
         nodesModel={nodesModel}
         edgesModel={edgesModel}
         className="min-h-screen flex-1"
-        onPaneClick={() => setOpen(true)}
+        onPaneClick={onPaneClick}
       />
     </>
   );