Use uuid prefix in task table

This commit is contained in:
Ken Hibino
2020-12-21 06:51:07 -08:00
parent ec34f52777
commit f419fd3c71
9 changed files with 28 additions and 26 deletions

View File

@@ -32,6 +32,7 @@ import TablePaginationActions, {
} from "./TablePaginationActions";
import { usePolling } from "../hooks";
import { ActiveTaskExtended } from "../reducers/tasksReducer";
import { uuidPrefix } from "../utils";
const useStyles = makeStyles({
table: {
@@ -177,7 +178,7 @@ function Row(props: { task: ActiveTaskExtended; onCancelClick: () => void }) {
</IconButton>
</TableCell>
<TableCell component="th" scope="row">
{task.id}
{uuidPrefix(task.id)}
</TableCell>
<TableCell>{task.type}</TableCell>
<TableCell align="center">

View File

@@ -37,7 +37,7 @@ import TablePaginationActions, {
rowsPerPageOptions,
} from "./TablePaginationActions";
import TableActions from "./TableActions";
import { timeAgo } from "../timeutil";
import { timeAgo, uuidPrefix } from "../utils";
import { usePolling } from "../hooks";
import { DeadTaskExtended } from "../reducers/tasksReducer";
@@ -283,7 +283,7 @@ function Row(props: RowProps) {
</IconButton>
</TableCell>
<TableCell component="th" scope="row">
{task.id}
{uuidPrefix(task.id)}
</TableCell>
<TableCell>{task.type}</TableCell>
<TableCell>{timeAgo(task.last_failed_at)}</TableCell>

View File

@@ -29,6 +29,7 @@ import { listPendingTasksAsync } from "../actions/tasksActions";
import { AppState } from "../store";
import { PendingTask } from "../api";
import { usePolling } from "../hooks";
import { uuidPrefix } from "../utils";
const useStyles = makeStyles({
table: {
@@ -166,7 +167,7 @@ function Row(props: { task: PendingTask }) {
</IconButton>
</TableCell>
<TableCell component="th" scope="row">
{task.id}
{uuidPrefix(task.id)}
</TableCell>
<TableCell>{task.type}</TableCell>
<TableCell>

View File

@@ -40,7 +40,7 @@ import TablePaginationActions, {
rowsPerPageOptions,
} from "./TablePaginationActions";
import TableActions from "./TableActions";
import { durationBefore } from "../timeutil";
import { durationBefore, uuidPrefix } from "../utils";
import { usePolling } from "../hooks";
import { RetryTaskExtended } from "../reducers/tasksReducer";
@@ -307,7 +307,7 @@ function Row(props: RowProps) {
</IconButton>
</TableCell>
<TableCell component="th" scope="row">
{task.id}
{uuidPrefix(task.id)}
</TableCell>
<TableCell>{task.type}</TableCell>
<TableCell>{durationBefore(task.next_process_at)}</TableCell>

View File

@@ -40,7 +40,7 @@ import TablePaginationActions, {
rowsPerPageOptions,
} from "./TablePaginationActions";
import TableActions from "./TableActions";
import { durationBefore } from "../timeutil";
import { durationBefore, uuidPrefix } from "../utils";
import { usePolling } from "../hooks";
import { ScheduledTaskExtended } from "../reducers/tasksReducer";
@@ -304,7 +304,7 @@ function Row(props: RowProps) {
</IconButton>
</TableCell>
<TableCell component="th" scope="row">
{task.id}
{uuidPrefix(task.id)}
</TableCell>
<TableCell>{task.type}</TableCell>
<TableCell>{durationBefore(task.next_process_at)}</TableCell>

View File

@@ -14,7 +14,7 @@ import syntaxHighlightStyle from "react-syntax-highlighter/dist/esm/styles/hljs/
import { SortDirection, ColumnConfig } from "../types/table";
import TableSortLabel from "@material-ui/core/TableSortLabel";
import { SchedulerEntry } from "../api";
import { timeAgo, durationBefore } from "../timeutil";
import { timeAgo, durationBefore } from "../utils";
const useStyles = makeStyles((theme) => ({
table: {