Saving tasks in UI (#346)
Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
This commit is contained in:
@@ -60,7 +60,7 @@ function LatestScreenshot({ id }: Props) {
|
||||
|
||||
return Promise.reject("No screenshots found");
|
||||
},
|
||||
refetchInterval: 5000,
|
||||
refetchInterval: 10000,
|
||||
placeholderData: keepPreviousData,
|
||||
});
|
||||
|
||||
|
||||
@@ -32,47 +32,45 @@ function QueuedTasks() {
|
||||
},
|
||||
});
|
||||
|
||||
if (tasks?.length === 0) {
|
||||
return <div>No queued tasks</div>;
|
||||
}
|
||||
|
||||
return (
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead className="w-1/3">URL</TableHead>
|
||||
<TableHead className="w-1/3">Status</TableHead>
|
||||
<TableHead className="w-1/3">Created At</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{tasks?.length === 0 ? (
|
||||
<div className="rounded-md border">
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableCell colSpan={3}>No queued tasks</TableCell>
|
||||
<TableHead className="w-1/3">URL</TableHead>
|
||||
<TableHead className="w-1/3">Status</TableHead>
|
||||
<TableHead className="w-1/3">Created At</TableHead>
|
||||
</TableRow>
|
||||
) : (
|
||||
tasks?.map((task) => {
|
||||
return (
|
||||
<TableRow
|
||||
key={task.task_id}
|
||||
className="cursor-pointer w-4 hover:bg-muted/50"
|
||||
onClick={() => {
|
||||
navigate(task.task_id);
|
||||
}}
|
||||
>
|
||||
<TableCell className="w-1/3">{task.request.url}</TableCell>
|
||||
<TableCell className="w-1/3">
|
||||
<StatusBadge status={task.status} />
|
||||
</TableCell>
|
||||
<TableCell className="w-1/3">
|
||||
{basicTimeFormat(task.created_at)}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{tasks?.length === 0 ? (
|
||||
<TableRow>
|
||||
<TableCell colSpan={3}>No queued tasks</TableCell>
|
||||
</TableRow>
|
||||
) : (
|
||||
tasks?.map((task) => {
|
||||
return (
|
||||
<TableRow
|
||||
key={task.task_id}
|
||||
className="w-4"
|
||||
onClick={() => {
|
||||
navigate(task.task_id);
|
||||
}}
|
||||
>
|
||||
<TableCell className="w-1/3">{task.request.url}</TableCell>
|
||||
<TableCell className="w-1/3">
|
||||
<StatusBadge status={task.status} />
|
||||
</TableCell>
|
||||
<TableCell className="w-1/3">
|
||||
{basicTimeFormat(task.created_at)}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -46,7 +46,9 @@ function RunningTasks() {
|
||||
}}
|
||||
>
|
||||
<CardHeader>
|
||||
<CardTitle>{task.task_id}</CardTitle>
|
||||
<CardTitle className="overflow-hidden text-ellipsis whitespace-nowrap">
|
||||
{task.task_id}
|
||||
</CardTitle>
|
||||
<CardDescription className="whitespace-nowrap overflow-hidden text-ellipsis">
|
||||
{task.request.url}
|
||||
</CardDescription>
|
||||
|
||||
Reference in New Issue
Block a user