From bcbb714ea915f72a0d329335bcddcd5c31322954 Mon Sep 17 00:00:00 2001
From: Deepanshu <140803342+deepanshurajput0@users.noreply.github.com>
Date: Thu, 5 Feb 2026 12:27:09 +0530
Subject: [PATCH] fix: toggle chevron icon direction in filter segment dropdown
 (#27641)

* fix: chevron toggle in filter segment dropdown

* fix: restore disabled state behavior for filter segment dropdown

---------

Co-authored-by: Deepanshu Verma <deepanshuverma186@email.com>
---
 .../components/segment/FilterSegmentSelect.tsx     | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/web/modules/data-table/components/segment/FilterSegmentSelect.tsx b/apps/web/modules/data-table/components/segment/FilterSegmentSelect.tsx
index ee4c5356ec..ee0e5359bf 100644
--- a/apps/web/modules/data-table/components/segment/FilterSegmentSelect.tsx
+++ b/apps/web/modules/data-table/components/segment/FilterSegmentSelect.tsx
@@ -46,6 +46,9 @@ export function FilterSegmentSelect({ shortLabel }: Props = {}) {
   const [segmentToDuplicate, setSegmentToDuplicate] = useState<CombinedFilterSegment | undefined>();
   const [segmentToDelete, setSegmentToDelete] = useState<FilterSegmentOutput | undefined>();
 
+  const [open, setOpen] = useState(false);
+
+
   const submenuItems: SubmenuItem[] = [
     {
       iconName: "square-pen",
@@ -141,21 +144,22 @@ export function FilterSegmentSelect({ shortLabel }: Props = {}) {
   }, [segments, t]);
 
   if (!isSegmentEnabled) {
-    return (
-      <Button color="secondary" StartIcon="list-filter" EndIcon="chevron-down" disabled>
+
+     return(
+       <Button color="secondary" StartIcon="list-filter" EndIcon="chevron-down" disabled>
         {t("segment")}
       </Button>
-    );
+     )
   }
 
   return (
     <>
-      <Dropdown>
+      <Dropdown open={open} onOpenChange={setOpen}>
         <DropdownMenuTrigger asChild>
           <Button
             color="secondary"
             StartIcon="list-filter"
-            EndIcon="chevron-down"
+            EndIcon={open ? "chevron-up" : "chevron-down"}
             data-testid="filter-segment-select">
             {selectedSegment?.name || (shortLabel ? t("saved") : t("saved_filters"))}
           </Button>