Add task id to task tables (#399)

This commit is contained in:
Salih Altun
2024-05-31 21:36:44 +03:00
committed by GitHub
parent 8036731072
commit 343937e12c
2 changed files with 24 additions and 13 deletions

View File

@@ -66,9 +66,10 @@ function TaskHistory() {
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead className="w-1/3">URL</TableHead> <TableHead className="w-1/4">ID</TableHead>
<TableHead className="w-1/4">Status</TableHead> <TableHead className="w-1/4">URL</TableHead>
<TableHead className="w-1/3">Created At</TableHead> <TableHead className="w-1/6">Status</TableHead>
<TableHead className="w-1/4">Created At</TableHead>
<TableHead className="w-1/12" /> <TableHead className="w-1/12" />
</TableRow> </TableRow>
</TableHeader> </TableHeader>
@@ -82,9 +83,17 @@ function TaskHistory() {
) : ( ) : (
tasks?.map((task) => { tasks?.map((task) => {
return ( return (
<TableRow key={task.task_id} className="w-4"> <TableRow key={task.task_id}>
<TableCell <TableCell
className="w-1/3 cursor-pointer max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis" className="w-1/4 cursor-pointer"
onClick={() => {
navigate(task.task_id);
}}
>
{task.task_id}
</TableCell>
<TableCell
className="w-1/4 cursor-pointer max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis"
onClick={() => { onClick={() => {
navigate(task.task_id); navigate(task.task_id);
}} }}
@@ -92,7 +101,7 @@ function TaskHistory() {
{task.request.url} {task.request.url}
</TableCell> </TableCell>
<TableCell <TableCell
className="w-1/4 cursor-pointer" className="w-1/6 cursor-pointer"
onClick={() => { onClick={() => {
navigate(task.task_id); navigate(task.task_id);
}} }}
@@ -100,7 +109,7 @@ function TaskHistory() {
<StatusBadge status={task.status} /> <StatusBadge status={task.status} />
</TableCell> </TableCell>
<TableCell <TableCell
className="w-1/3 cursor-pointer" className="w-1/4 cursor-pointer"
onClick={() => { onClick={() => {
navigate(task.task_id); navigate(task.task_id);
}} }}

View File

@@ -37,9 +37,10 @@ function QueuedTasks() {
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead className="w-1/3">URL</TableHead> <TableHead className="w-1/4">ID</TableHead>
<TableHead className="w-1/3">Status</TableHead> <TableHead className="w-1/4">URL</TableHead>
<TableHead className="w-1/3">Created At</TableHead> <TableHead className="w-1/4">Status</TableHead>
<TableHead className="w-1/4">Created At</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
@@ -57,13 +58,14 @@ function QueuedTasks() {
navigate(task.task_id); navigate(task.task_id);
}} }}
> >
<TableCell className="w-1/3 max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis"> <TableCell className="w-1/4">{task.task_id}</TableCell>
<TableCell className="w-1/4 max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis">
{task.request.url} {task.request.url}
</TableCell> </TableCell>
<TableCell className="w-1/3"> <TableCell className="w-1/4">
<StatusBadge status={task.status} /> <StatusBadge status={task.status} />
</TableCell> </TableCell>
<TableCell className="w-1/3"> <TableCell className="w-1/4">
{basicTimeFormat(task.created_at)} {basicTimeFormat(task.created_at)}
</TableCell> </TableCell>
</TableRow> </TableRow>