wehub-resource-sync
131 lines
3.5 KiB
TypeScript
131 lines
3.5 KiB
TypeScript
import {
|
|
CheckCircleIcon,
|
|
ClockIcon,
|
|
NoSymbolIcon,
|
|
RectangleStackIcon,
|
|
XCircleIcon,
|
|
} from "@heroicons/react/20/solid";
|
|
import type { TaskRunAttemptStatus as TaskRunAttemptStatusType } from "@trigger.dev/database";
|
|
import assertNever from "assert-never";
|
|
import { HourglassIcon } from "lucide-react";
|
|
import { Spinner } from "~/components/primitives/Spinner";
|
|
import { TaskRunAttemptStatus } from "~/database-types";
|
|
import { cn } from "~/utils/cn";
|
|
|
|
export const allTaskRunAttemptStatuses = Object.values(
|
|
TaskRunAttemptStatus
|
|
) as TaskRunAttemptStatusType[];
|
|
|
|
export type ExtendedTaskAttemptStatus = TaskRunAttemptStatusType | "ENQUEUED";
|
|
|
|
export function TaskRunAttemptStatusCombo({
|
|
status,
|
|
className,
|
|
}: {
|
|
status: ExtendedTaskAttemptStatus | null;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<span className={cn("flex items-center gap-1", className)}>
|
|
<TaskRunAttemptStatusIcon status={status} className="h-4 w-4" />
|
|
<TaskRunAttemptStatusLabel status={status} />
|
|
</span>
|
|
);
|
|
}
|
|
|
|
export function TaskRunAttemptStatusLabel({
|
|
status,
|
|
}: {
|
|
status: ExtendedTaskAttemptStatus | null;
|
|
}) {
|
|
return (
|
|
<span className={runAttemptStatusClassNameColor(status)}>{runAttemptStatusTitle(status)}</span>
|
|
);
|
|
}
|
|
|
|
export function TaskRunAttemptStatusIcon({
|
|
status,
|
|
className,
|
|
}: {
|
|
status: ExtendedTaskAttemptStatus | null;
|
|
className: string;
|
|
}) {
|
|
if (status === null) {
|
|
return <RectangleStackIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
}
|
|
|
|
switch (status) {
|
|
case "ENQUEUED":
|
|
return (
|
|
<RectangleStackIcon className={cn(runAttemptStatusClassNameColor(status), className)} />
|
|
);
|
|
case "PENDING":
|
|
return <ClockIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
case "EXECUTING":
|
|
return <Spinner className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
case "PAUSED":
|
|
return <HourglassIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
case "FAILED":
|
|
return <XCircleIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
case "CANCELED":
|
|
return <NoSymbolIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
case "COMPLETED":
|
|
return <CheckCircleIcon className={cn(runAttemptStatusClassNameColor(status), className)} />;
|
|
default: {
|
|
assertNever(status);
|
|
}
|
|
}
|
|
}
|
|
|
|
export function runAttemptStatusClassNameColor(status: ExtendedTaskAttemptStatus | null): string {
|
|
if (status === null) {
|
|
return "text-text-faint";
|
|
}
|
|
|
|
switch (status) {
|
|
case "ENQUEUED":
|
|
return "text-text-faint";
|
|
case "PENDING":
|
|
return "text-text-faint";
|
|
case "EXECUTING":
|
|
return "text-pending";
|
|
case "PAUSED":
|
|
return "text-text-faint";
|
|
case "FAILED":
|
|
return "text-error";
|
|
case "CANCELED":
|
|
return "text-text-faint";
|
|
case "COMPLETED":
|
|
return "text-success";
|
|
default: {
|
|
assertNever(status);
|
|
}
|
|
}
|
|
}
|
|
|
|
export function runAttemptStatusTitle(status: ExtendedTaskAttemptStatus | null): string {
|
|
if (status === null) {
|
|
return "Enqueued";
|
|
}
|
|
|
|
switch (status) {
|
|
case "ENQUEUED":
|
|
return "Enqueued";
|
|
case "PENDING":
|
|
return "Pending";
|
|
case "EXECUTING":
|
|
return "Executing";
|
|
case "PAUSED":
|
|
return "Waiting";
|
|
case "FAILED":
|
|
return "Failed";
|
|
case "CANCELED":
|
|
return "Canceled";
|
|
case "COMPLETED":
|
|
return "Completed";
|
|
default: {
|
|
assertNever(status);
|
|
}
|
|
}
|
|
}
|