From 136c5bccec4d09cc28b9d552da0b77cc9a2341ab Mon Sep 17 00:00:00 2001 From: Matt Aitken Date: Mon, 19 Dec 2022 18:31:31 +0000 Subject: [PATCH] Setup webhook and log step --- .../workflows/$workflowSlug/runs/$runId.tsx | 92 ++++++++++++++----- 1 file changed, 71 insertions(+), 21 deletions(-) diff --git a/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx b/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx index 63fefc4ba..e4b7d483c 100644 --- a/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx +++ b/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx @@ -71,7 +71,10 @@ export default function Page() { status: "complete", trigger: { on: "webhook", - input: {}, + input: { + assignee: "samejr", + issueId: "uiydfgydfg7yt34", + }, integration: "github", }, startedAt: new Date(), @@ -128,6 +131,15 @@ export default function Page() { startedAt: new Date(), }} /> + ); } @@ -145,22 +157,59 @@ function WorkflowStep({ step }: { step: Step }) { - - GitHub new issue (Webhook) - - + ); } -{ - /*
  • - - Repo: - - jsonhero-web -
    • */ +function StepBody({ step }: { step: Step }) { + switch (step.type) { + case "trigger": + switch (step.trigger.on) { + case "webhook": + return ; + case "email": + // return ; + break; + default: + break; + } + break; + case "log": + return ; + case "delay": + // return ; + } + + return <>; +} + +function Webhook({ webhook }: { webhook: WebhookTrigger }) { + return ( + <> + + GitHub new issue (Webhook) + + + Repo: + + jsonhero-web + + Org: + + jsonhero-web + + + ); +} + +function Log({ log }: { log: string }) { + return ( + + {log} + + ); } function StepHeader({ step }: { step: Step }) { @@ -261,27 +310,28 @@ function stepTitle(step: Step): string { } function StepIcon({ step }: { step: Step }) { + const styleClass = "h-4 w-4 text-slate-500"; switch (step.type) { case "log": - return ; + return ; case "delay": - return ; + return ; case "request": - return ; + return ; case "trigger": switch (step.trigger.on) { case "webhook": - return ; + return ; case "scheduled": - return ; + return ; case "custom": - return ; + return ; case "http": - return ; + return ; case "aws": - return ; + return ; case "email": - return ; + return ; } } }