|
1 | 1 | import { type LoaderFunctionArgs, type ActionFunctionArgs, json } from "@remix-run/server-runtime"; |
2 | 2 | import { type MetaFunction, Form, useNavigation, useSubmit } from "@remix-run/react"; |
3 | 3 | import { BellAlertIcon, CheckIcon } from "@heroicons/react/20/solid"; |
4 | | -import { IconAlarmSnooze as IconAlarmSnoozeBase, IconBugOff as IconBugOffBase } from "@tabler/icons-react"; |
| 4 | +import { |
| 5 | + IconAlarmSnooze as IconAlarmSnoozeBase, |
| 6 | + IconArrowBackUp as IconArrowBackUpBase, |
| 7 | + IconBugOff as IconBugOffBase, |
| 8 | +} from "@tabler/icons-react"; |
5 | 9 |
|
6 | 10 | const AlarmSnoozeIcon = ({ className }: { className?: string }) => ( |
7 | 11 | <IconAlarmSnoozeBase className={className} size={18} /> |
8 | 12 | ); |
| 13 | +const ArrowBackUpIcon = ({ className }: { className?: string }) => ( |
| 14 | + <IconArrowBackUpBase className={className} size={18} /> |
| 15 | +); |
9 | 16 | const BugOffIcon = ({ className }: { className?: string }) => ( |
10 | 17 | <IconBugOffBase className={className} size={18} /> |
11 | 18 | ); |
@@ -546,7 +553,7 @@ function ErrorDetailSidebar({ |
546 | 553 | <div className="flex flex-col gap-4"> |
547 | 554 | <Property.Table> |
548 | 555 | {/* Status */} |
549 | | - <Property.Item> |
| 556 | + <Property.Item className="gap-1"> |
550 | 557 | <Property.Label>Error status</Property.Label> |
551 | 558 | <Property.Value> |
552 | 559 | <div className="flex items-center justify-between"> |
@@ -807,13 +814,17 @@ function ErrorStatusDropdown({ |
807 | 814 |
|
808 | 815 | {state.status === "RESOLVED" && ( |
809 | 816 | <PopoverMenuItem |
| 817 | + icon={ArrowBackUpIcon} |
| 818 | + leadingIconClassName="text-error" |
810 | 819 | title="Unresolved" |
811 | 820 | onClick={() => act({ taskIdentifier, action: "unresolve" })} |
812 | 821 | /> |
813 | 822 | )} |
814 | 823 |
|
815 | 824 | {state.status === "IGNORED" && ( |
816 | 825 | <PopoverMenuItem |
| 826 | + icon={ArrowBackUpIcon} |
| 827 | + leadingIconClassName="text-error" |
817 | 828 | title="Unresolved" |
818 | 829 | onClick={() => act({ taskIdentifier, action: "unresolve" })} |
819 | 830 | /> |
|
0 commit comments