@@ -9,11 +9,13 @@ import { BeakerIcon, BookOpenIcon, CheckIcon } from "@heroicons/react/24/solid";
9
9
import { useLocation } from "@remix-run/react" ;
10
10
import { formatDuration , formatDurationMilliseconds } from "@trigger.dev/core/v3" ;
11
11
import { useCallback , useRef } from "react" ;
12
+ import { Badge } from "~/components/primitives/Badge" ;
12
13
import { Button , LinkButton } from "~/components/primitives/Buttons" ;
13
14
import { Checkbox } from "~/components/primitives/Checkbox" ;
14
15
import { Dialog , DialogTrigger } from "~/components/primitives/Dialog" ;
15
16
import { Header3 } from "~/components/primitives/Headers" ;
16
17
import { useSelectedItems } from "~/components/primitives/SelectedItemsProvider" ;
18
+ import { SimpleTooltip } from "~/components/primitives/Tooltip" ;
17
19
import { useEnvironments } from "~/hooks/useEnvironments" ;
18
20
import { useFeatures } from "~/hooks/useFeatures" ;
19
21
import { useOrganization } from "~/hooks/useOrganizations" ;
@@ -39,16 +41,12 @@ import {
39
41
import { CancelRunDialog } from "./CancelRunDialog" ;
40
42
import { LiveTimer } from "./LiveTimer" ;
41
43
import { ReplayRunDialog } from "./ReplayRunDialog" ;
44
+ import { RunTag } from "./RunTag" ;
42
45
import {
43
46
descriptionForTaskRunStatus ,
44
47
filterableTaskRunStatuses ,
45
- runStatusTitle ,
46
48
TaskRunStatusCombo ,
47
- TaskRunStatusIcon ,
48
49
} from "./TaskRunStatus" ;
49
- import { RunTag } from "./RunTag" ;
50
- import { Badge } from "~/components/primitives/Badge" ;
51
- import { SimpleTooltip } from "~/components/primitives/Tooltip" ;
52
50
53
51
type RunsTableProps = {
54
52
total : number ;
@@ -135,10 +133,13 @@ export function TaskRunsTable({
135
133
< TableHeaderCell > Version</ TableHeaderCell >
136
134
< TableHeaderCell
137
135
tooltip = {
138
- < div className = "flex max-w-xs flex-col gap-3 p-1 " >
136
+ < div className = "flex flex-col divide-y divide-grid-dimmed " >
139
137
{ filterableTaskRunStatuses . map ( ( status ) => (
140
- < div >
141
- < div className = "mb-0.5 flex items-center gap-1.5" >
138
+ < div
139
+ key = { status }
140
+ className = "grid grid-cols-[8rem_1fr] gap-x-2 py-2 first:pt-1 last:pb-1"
141
+ >
142
+ < div className = "mb-0.5 flex items-center gap-1.5 whitespace-nowrap" >
142
143
< TaskRunStatusCombo status = { status } />
143
144
</ div >
144
145
< Paragraph variant = "extra-small" className = "!text-wrap text-text-dimmed" >
@@ -313,6 +314,7 @@ export function TaskRunsTable({
313
314
< TableCell to = { path } >
314
315
< SimpleTooltip
315
316
content = { descriptionForTaskRunStatus ( run . status ) }
317
+ disableHoverableContent
316
318
button = { < TaskRunStatusCombo status = { run . status } /> }
317
319
/>
318
320
</ TableCell >
0 commit comments