Skip to content

Commit 6710e4d

Browse files
committed
Match runs empty state on error detail page to dashboards style
Replace the small inline 'No runs found for this error.' paragraph with a centered icon + dimmed text block, mirroring the empty state in the Query/Dashboards page. Uses IconBugFilled to tie visually to the errors context.
1 parent 2ea4334 commit 6710e4d

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
import { type LoaderFunctionArgs, type ActionFunctionArgs, json } from "@remix-run/server-runtime";
22
import { type MetaFunction, useFetcher, useRevalidator } from "@remix-run/react";
33
import { BellAlertIcon } from "@heroicons/react/20/solid";
4-
import { IconAlarmSnooze as IconAlarmSnoozeBase, IconCircleDotted } from "@tabler/icons-react";
4+
import {
5+
IconAlarmSnooze as IconAlarmSnoozeBase,
6+
IconBugFilled,
7+
IconCircleDotted,
8+
} from "@tabler/icons-react";
59
import { parse } from "@conform-to/zod";
610
import { z } from "zod";
711
import { ErrorStatusBadge } from "~/components/errors/ErrorStatusBadge";
@@ -506,9 +510,12 @@ function ErrorGroupDetail({
506510
additionalTableState={{ errorId: ErrorId.toFriendlyId(fingerprint) }}
507511
/>
508512
) : (
509-
<Paragraph variant="small" className="p-4 text-text-dimmed">
510-
No runs found for this error.
511-
</Paragraph>
513+
<div className="flex flex-1 flex-col items-center justify-center gap-3">
514+
<IconBugFilled className="size-16 text-charcoal-650" />
515+
<Paragraph className="max-w-32 text-center text-text-dimmed">
516+
No runs found for this error.
517+
</Paragraph>
518+
</div>
512519
)}
513520
</div>
514521
</div>

0 commit comments

Comments
 (0)