From 995daba4293e546c430b85bc335aac3814fe9f82 Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Tue, 10 Sep 2024 11:52:03 -0700
Subject: [PATCH] Invalidate workflows query when saved (#803)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
---
 .../workflows/WorkflowsBetaAlertCard.tsx      | 37 +++++++++++++++++++
 .../workflows/editor/WorkflowEditor.tsx       |  3 ++
 2 files changed, 40 insertions(+)
 create mode 100644 skyvern-frontend/src/routes/workflows/WorkflowsBetaAlertCard.tsx

diff --git a/skyvern-frontend/src/routes/workflows/WorkflowsBetaAlertCard.tsx b/skyvern-frontend/src/routes/workflows/WorkflowsBetaAlertCard.tsx
new file mode 100644
index 00000000..44ccb297
--- /dev/null
+++ b/skyvern-frontend/src/routes/workflows/WorkflowsBetaAlertCard.tsx
@@ -0,0 +1,37 @@
+import { Button } from "@/components/ui/button";
+
+function WorkflowsBetaAlertCard() {
+  return (
+    <div className="flex flex-col items-center rounded-lg bg-slate-900 p-4 shadow">
+      <header>
+        <h1 className="py-4 text-3xl">Workflows (Beta)</h1>
+      </header>
+      <div>Workflows through UI are currently under construction.</div>
+      <div>
+        Today, you can create and run workflows through the Skyvern API.
+      </div>
+      <div className="flex gap-4 py-4">
+        <Button variant="secondary" asChild>
+          <a
+            href="https://docs.skyvern.com/workflows/creating-workflows"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            See the workflow docs
+          </a>
+        </Button>
+        <Button asChild>
+          <a
+            href="https://meetings.hubspot.com/skyvern/demo"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Book a demo
+          </a>
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export { WorkflowsBetaAlertCard };
diff --git a/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx b/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx
index faf969a7..15f8a976 100644
--- a/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx
@@ -64,6 +64,9 @@ function WorkflowEditor() {
       queryClient.invalidateQueries({
         queryKey: ["workflow", workflowPermanentId],
       });
+      queryClient.invalidateQueries({
+        queryKey: ["workflows"],
+      });
     },
     onError: (error: AxiosError) => {
       toast({