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

Adjust responsiveness of workflow run tasks tabe (#1221)

Browse Source
This commit is contained in:
Shuchang Zheng
2024-11-19 12:46:56 -08:00
committed by GitHub
parent 9b29ed1d5b
commit cca254e5c9
2 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -68,7 +68,6 @@ import {
useParams,
useSearchParams,
} from "react-router-dom";
import { TaskListSkeletonRows } from "../tasks/list/TaskListSkeletonRows";
import {
statusIsFinalized,
statusIsNotFinalized,
@@ -354,6 +353,29 @@ function WorkflowRun() {
</div>
) : null;
const skeleton = (
<TableRow>
<TableCell className="w-10">
<Skeleton className="h-6 w-full" />
</TableCell>
<TableCell className="w-1/5">
<Skeleton className="h-6 w-full" />
</TableCell>
<TableCell className="w-1/6">
<Skeleton className="h-6 w-full" />
</TableCell>
<TableCell className="w-1/4">
<Skeleton className="h-6 w-full" />
</TableCell>
<TableCell className="w-1/8">
<Skeleton className="h-6 w-full" />
</TableCell>
<TableCell className="w-1/5">
<Skeleton className="h-6 w-full" />
</TableCell>
</TableRow>
);
return (
<div className="space-y-8">
<header className="flex justify-between">
@@ -522,21 +544,21 @@ function WorkflowRun() {
<Table>
<TableHeader className="rounded-t-md bg-slate-elevation2">
<TableRow>
<TableHead className="rounded-tl-md"></TableHead>
<TableHead className="w-1/4 text-slate-400">
<TableHead className="w-10 rounded-tl-md"></TableHead>
<TableHead className="w-1/5 text-slate-400">
Task Title
</TableHead>
<TableHead className="w-1/4 text-slate-400">ID</TableHead>
<TableHead className="w-1/6 text-slate-400">ID</TableHead>
<TableHead className="w-1/4 text-slate-400">URL</TableHead>
<TableHead className="w-1/6 text-slate-400">Status</TableHead>
<TableHead className="w-1/4 rounded-tr-md text-slate-400">
<TableHead className="w-1/8 text-slate-400">Status</TableHead>
<TableHead className="w-1/5 rounded-tr-md text-slate-400">
Created At
</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{workflowTasksIsLoading ? (
<TaskListSkeletonRows />
skeleton
) : workflowTasks?.length === 0 ? (
<TableRow>
<TableCell colSpan={6}>Could not find any tasks</TableCell>