vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add radius and change bg color for current task (#1138)

Browse Source
This commit is contained in:
Shuchang Zheng
2024-11-05 09:25:16 -08:00
committed by GitHub
parent 4cfc793841
commit b79767c5df
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
skyvern-frontend/src/api/utils.ts Normal file
View File

@@ -0,0 +1,13 @@
import { Status, TaskApiResponse } from "./types";
const finalTaskStates: Array<Status> = [
Status.Canceled,
Status.Completed,
Status.Terminated,
Status.TimedOut,
Status.Failed,
];
export function taskIsFinalized(task: TaskApiResponse) {
return finalTaskStates.includes(task.status);
}

8
skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
View File

@@ -346,23 +346,23 @@ function WorkflowRun() {
<div>Waiting for a task to start...</div> <div>Waiting for a task to start...</div>
) : ( ) : (
<div className="flex h-full flex-col gap-2"> <div className="flex h-full flex-col gap-2">
<div className="flex gap-2 bg-slate-elevation2 p-2"> <div className="flex gap-2 rounded-sm bg-slate-elevation3 p-2">
<Label className="text-sm text-slate-400">ID</Label> <Label className="text-sm text-slate-400">ID</Label>
<span className="text-sm">{currentRunningTask.task_id}</span> <span className="text-sm">{currentRunningTask.task_id}</span>
</div> </div>
<div className="flex gap-2 bg-slate-elevation2 p-2"> <div className="flex gap-2 rounded-sm bg-slate-elevation3 p-2">
<Label className="text-sm text-slate-400">URL</Label> <Label className="text-sm text-slate-400">URL</Label>
<span className="text-sm"> <span className="text-sm">
{currentRunningTask.request.url} {currentRunningTask.request.url}
</span> </span>
</div> </div>
<div className="flex items-center gap-2 bg-slate-elevation2 p-2"> <div className="flex items-center gap-2 rounded-sm bg-slate-elevation3 p-2">
<Label className="text-sm text-slate-400">Status</Label> <Label className="text-sm text-slate-400">Status</Label>
<span className="text-sm"> <span className="text-sm">
<StatusBadge status={currentRunningTask.status} /> <StatusBadge status={currentRunningTask.status} />
</span> </span>
</div> </div>
<div className="flex gap-2 bg-slate-elevation2 p-2"> <div className="flex gap-2 rounded-sm bg-slate-elevation3 p-2">
<Label className="text-sm text-slate-400">Created</Label> <Label className="text-sm text-slate-400">Created</Label>
<span className="text-sm"> <span className="text-sm">
{currentRunningTask && {currentRunningTask &&