diff --git a/src/app/(modules)/ticket/[ticketId]/components/actions/RequestExtensionAction.tsx b/src/app/(modules)/ticket/[ticketId]/components/actions/RequestExtensionAction.tsx index 7486d59..5bcdbe3 100644 --- a/src/app/(modules)/ticket/[ticketId]/components/actions/RequestExtensionAction.tsx +++ b/src/app/(modules)/ticket/[ticketId]/components/actions/RequestExtensionAction.tsx @@ -13,7 +13,11 @@ export function RequestExtensionAction({ dueAt: string | null; }) { return ( - + +
@@ -253,7 +257,11 @@ export function ReviewExtensionRequestAction({ if (extensionRequestQuery.isLoading) { return ( - +
Checking for requests... diff --git a/src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx b/src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx index bda6e75..b1d1a32 100644 --- a/src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx +++ b/src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx @@ -2,6 +2,7 @@ import type { LucideIcon } from 'lucide-react'; +import { Badge } from '@/components/ui/badge'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { cn } from '@/lib/utils'; @@ -9,6 +10,7 @@ interface TicketActionCardProps { icon: LucideIcon; iconClassName?: string; title: string; + contextLabel?: string; children: React.ReactNode; } @@ -16,15 +18,23 @@ export function TicketActionCard({ icon: Icon, iconClassName, title, + contextLabel, children, }: TicketActionCardProps) { return ( - - - {title} - +
+ + + {title} + + {contextLabel ? ( + + {contextLabel} + + ) : null} +
{children}