Add task id to task tables (#399)
This commit is contained in:
@@ -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);
|
||||||
}}
|
}}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user