From d26140490389bec4b1e9a5adfef376f03c7708ed Mon Sep 17 00:00:00 2001
From: "santasri.pachhal" <santasri.pachhal@sentientgeeks.com>
Date: Wed, 5 Aug 2026 11:58:45 +0530
Subject: [PATCH] feat(ui): add ticket filter reset and update border radius

---
 .../ticket/components/TicketFilters.tsx       | 21 +++++++++++++++++--
 src/app/(modules)/ticket/page.tsx             |  1 +
 src/app/globals.css                           |  2 +-
 3 files changed, 21 insertions(+), 3 deletions(-)

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 (
-    <div className="w-full sm:w-64">
-      <SegmentSelect value={segmentId} onValueChange={onSegmentChange} />
+    <div className="flex w-full flex-col gap-2 sm:flex-row sm:items-center">
+      <div className="w-full sm:w-64">
+        <SegmentSelect value={segmentId} onValueChange={onSegmentChange} />
+      </div>
+      <Button
+        type="button"
+        variant="ghost"
+        size="sm"
+        disabled={!segmentId}
+        onClick={onClear}
+      >
+        <FilterX />
+        Clear Filters
+      </Button>
     </div>
   );
 }
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() {
       <TicketFilters
         segmentId={segmentId}
         onSegmentChange={handleSegmentChange}
+        onClear={() => 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);