diff --git a/src/app/(modules)/ticket/components/TicketFilters.tsx b/src/app/(modules)/ticket/components/TicketFilters.tsx index 0731fdd..f4ac415 100644 --- a/src/app/(modules)/ticket/components/TicketFilters.tsx +++ b/src/app/(modules)/ticket/components/TicketFilters.tsx @@ -1,19 +1,36 @@ 'use client'; +import { FilterX } from 'lucide-react'; + import { SegmentSelect } from '@/components/lookups/SegmentSelect'; +import { Button } from '@/components/ui/button'; interface TicketFiltersProps { segmentId: string; onSegmentChange: (segmentId: string) => void; + onClear: () => void; } export function TicketFilters({ segmentId, onSegmentChange, + onClear, }: TicketFiltersProps) { return ( -
- +
+
+ +
+
); } diff --git a/src/app/(modules)/ticket/page.tsx b/src/app/(modules)/ticket/page.tsx index 994dc29..7428f99 100644 --- a/src/app/(modules)/ticket/page.tsx +++ b/src/app/(modules)/ticket/page.tsx @@ -48,6 +48,7 @@ export default function TicketPage() { handleSegmentChange('')} /> ), [handleSegmentChange, segmentId], diff --git a/src/app/globals.css b/src/app/globals.css index 1562762..aad9217 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -7,7 +7,7 @@ @custom-variant dark (&:is(.dark *)); :root { - --radius: 0.225rem; + --radius: 0.5rem; --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0);