11import { type LoaderFunctionArgs , type ActionFunctionArgs , json } from "@remix-run/server-runtime" ;
22import { type MetaFunction , Form , useNavigation , useSubmit } from "@remix-run/react" ;
33import { BellAlertIcon , CheckIcon } from "@heroicons/react/20/solid" ;
4- import { IconAlarmSnooze as IconAlarmSnoozeBase } from "@tabler/icons-react" ;
4+ import { IconAlarmSnooze as IconAlarmSnoozeBase , IconBugOff as IconBugOffBase } from "@tabler/icons-react" ;
55
66const AlarmSnoozeIcon = ( { className } : { className ?: string } ) => (
77 < IconAlarmSnoozeBase className = { className } size = { 18 } />
88) ;
9+ const BugOffIcon = ( { className } : { className ?: string } ) => (
10+ < IconBugOffBase className = { className } size = { 18 } />
11+ ) ;
912import { parse } from "@conform-to/zod" ;
1013import { z } from "zod" ;
1114import { ErrorStatusBadge } from "~/components/errors/ErrorStatusBadge" ;
@@ -762,6 +765,7 @@ function ErrorStatusDropdown({
762765 />
763766 < PopoverMenuItem
764767 icon = { AlarmSnoozeIcon }
768+ leadingIconClassName = "text-text-bright"
765769 title = "Ignored for 1 hour"
766770 onClick = { ( ) =>
767771 act ( {
@@ -773,6 +777,7 @@ function ErrorStatusDropdown({
773777 />
774778 < PopoverMenuItem
775779 icon = { AlarmSnoozeIcon }
780+ leadingIconClassName = "text-text-bright"
776781 title = "Ignored for 24 hours"
777782 onClick = { ( ) =>
778783 act ( {
@@ -783,12 +788,14 @@ function ErrorStatusDropdown({
783788 }
784789 />
785790 < PopoverMenuItem
786- icon = { AlarmSnoozeIcon }
791+ icon = { BugOffIcon }
792+ leadingIconClassName = "text-text-bright"
787793 title = "Ignored forever"
788794 onClick = { ( ) => act ( { taskIdentifier, action : "ignore" } ) }
789795 />
790796 < PopoverMenuItem
791797 icon = { AlarmSnoozeIcon }
798+ leadingIconClassName = "text-text-bright"
792799 title = "Ignored with custom condition…"
793800 onClick = { ( ) => {
794801 setPopoverOpen ( false ) ;
0 commit comments