From 3685cd5f202ff2bbe2235f22badf45f14691b6ab Mon Sep 17 00:00:00 2001
From: Artur Pata <artur.pata@gmail.com>
Date: Wed, 20 Nov 2024 20:26:35 +0200
Subject: [PATCH] Make menu change more noticeable

---
 assets/js/dashboard/nav-menu/filter-menu.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/assets/js/dashboard/nav-menu/filter-menu.tsx b/assets/js/dashboard/nav-menu/filter-menu.tsx
index 2f157fc33252..b095dae449ec 100644
--- a/assets/js/dashboard/nav-menu/filter-menu.tsx
+++ b/assets/js/dashboard/nav-menu/filter-menu.tsx
@@ -39,6 +39,7 @@ import {
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useAppNavigate } from '../navigation/use-app-navigate'
 import { DashboardQuery } from '../query'
+import { AdjustmentsHorizontalIcon } from '@heroicons/react/24/solid'
 
 export function getFilterListItems({
   propsAvailable
@@ -315,10 +316,21 @@ export const FilterMenu = () => {
         }}
         onClick={() => setOpened((opened) => !opened)}
         currentOption={
-          <span className="flex items-center">
-            <MagnifyingGlassIcon className="block h-4 w-4" />
-            <span className="block ml-1">Filter</span>
-          </span>
+          <div className="flex items-center gap-1 ">
+            {!expandedSegment && (
+              <>
+                <MagnifyingGlassIcon className="block h-4 w-4" />
+                Filter
+              </>
+            )}
+            {!!expandedSegment && (
+              <>
+                <AdjustmentsHorizontalIcon className="block h-4 w-4" />
+                Segment
+              </>
+            )}
+            {/* <span className="block ml-1">{expandedSegment ? 'Segment' : 'Filter'}</span> */}
+          </div>
         }
       >
         {opened && (