Blank Workflows state now points to the new onboarding

2023-02-03 09:53:25 +00:00
parent ec1df6d476
commit c669c61ba7
2 changed files with 15 additions and 5 deletions
@@ -20,7 +20,7 @@ import { Header4 } from "./primitives/text/Headers";
 import classNames from "classnames";
 import { useCurrentEnvironment } from "~/hooks/useEnvironments";
 import invariant from "tiny-invariant";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";

 export function CreateNewWorkflow() {
  return (
@@ -14,6 +14,9 @@ import {
 } from "~/components/CreateNewWorkflow";
 import { Container } from "~/components/layout/Container";
 import { List } from "~/components/layout/List";
+import { Panel } from "~/components/layout/Panel";
+import { PanelInfo } from "~/components/layout/PanelInfo";
+import { PrimaryButton, PrimaryLink } from "~/components/primitives/Buttons";
 import { Body } from "~/components/primitives/text/Body";
 import { Header2, Header3 } from "~/components/primitives/text/Headers";
 import { SubTitle } from "~/components/primitives/text/SubTitle";
@@ -55,15 +58,22 @@ export default function Page() {

  return (
    <Container>
+      <Title>Workflows</Title>
      {workflows.length === 0 ? (
        <>
-          <Title>Create your first workflow</Title>
-
-          <CreateNewWorkflowNoWorkflows providers={providers} />
+          <SubTitle>0 workflows</SubTitle>
+          <PanelInfo className="mb-4 max-w-max p-4 pr-6">
+            <Body className="text-slate-300">
+              You current don't have any workflows. Create a workflow, then
+              return here to view and run it.
+            </Body>
+          </PanelInfo>
+          <PrimaryLink to={`/orgs/${currentOrganization.slug}/workflows/new`}>
+            Create new workflow
+          </PrimaryLink>
        </>
      ) : (
        <>
-          <Title>Workflows</Title>
          <SubTitle>
            {workflows.length} active workflow{workflows.length > 1 ? "s" : ""}
          </SubTitle>