diff --git a/apps/webapp/app/components/CreateNewWorkflow.tsx b/apps/webapp/app/components/CreateNewWorkflow.tsx index ba77c3fc7..d236efd1c 100644 --- a/apps/webapp/app/components/CreateNewWorkflow.tsx +++ b/apps/webapp/app/components/CreateNewWorkflow.tsx @@ -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 ( diff --git a/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/index.tsx b/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/index.tsx index 9c54caaa1..d69b6ce41 100644 --- a/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/index.tsx +++ b/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/index.tsx @@ -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 ( + Workflows {workflows.length === 0 ? ( <> - Create your first workflow - - + 0 workflows + + + You current don't have any workflows. Create a workflow, then + return here to view and run it. + + + + Create new workflow + ) : ( <> - Workflows {workflows.length} active workflow{workflows.length > 1 ? "s" : ""}