Skip to content

Commit 474d6d3

Browse files
samejrericallam
authored andcommitted
Improved styling for the status tooltip content
1 parent 214edec commit 474d6d3

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

apps/webapp/app/components/runs/v3/TaskRunsTable.tsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,13 @@ import { BeakerIcon, BookOpenIcon, CheckIcon } from "@heroicons/react/24/solid";
99
import { useLocation } from "@remix-run/react";
1010
import { formatDuration, formatDurationMilliseconds } from "@trigger.dev/core/v3";
1111
import { useCallback, useRef } from "react";
12+
import { Badge } from "~/components/primitives/Badge";
1213
import { Button, LinkButton } from "~/components/primitives/Buttons";
1314
import { Checkbox } from "~/components/primitives/Checkbox";
1415
import { Dialog, DialogTrigger } from "~/components/primitives/Dialog";
1516
import { Header3 } from "~/components/primitives/Headers";
1617
import { useSelectedItems } from "~/components/primitives/SelectedItemsProvider";
18+
import { SimpleTooltip } from "~/components/primitives/Tooltip";
1719
import { useEnvironments } from "~/hooks/useEnvironments";
1820
import { useFeatures } from "~/hooks/useFeatures";
1921
import { useOrganization } from "~/hooks/useOrganizations";
@@ -39,16 +41,12 @@ import {
3941
import { CancelRunDialog } from "./CancelRunDialog";
4042
import { LiveTimer } from "./LiveTimer";
4143
import { ReplayRunDialog } from "./ReplayRunDialog";
44+
import { RunTag } from "./RunTag";
4245
import {
4346
descriptionForTaskRunStatus,
4447
filterableTaskRunStatuses,
45-
runStatusTitle,
4648
TaskRunStatusCombo,
47-
TaskRunStatusIcon,
4849
} from "./TaskRunStatus";
49-
import { RunTag } from "./RunTag";
50-
import { Badge } from "~/components/primitives/Badge";
51-
import { SimpleTooltip } from "~/components/primitives/Tooltip";
5250

5351
type RunsTableProps = {
5452
total: number;
@@ -135,10 +133,13 @@ export function TaskRunsTable({
135133
<TableHeaderCell>Version</TableHeaderCell>
136134
<TableHeaderCell
137135
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">
139137
{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">
142143
<TaskRunStatusCombo status={status} />
143144
</div>
144145
<Paragraph variant="extra-small" className="!text-wrap text-text-dimmed">
@@ -313,6 +314,7 @@ export function TaskRunsTable({
313314
<TableCell to={path}>
314315
<SimpleTooltip
315316
content={descriptionForTaskRunStatus(run.status)}
317+
disableHoverableContent
316318
button={<TaskRunStatusCombo status={run.status} />}
317319
/>
318320
</TableCell>

0 commit comments

Comments
 (0)