plausible/analytics
1
1
Fork 0
mirror of https://github.com/plausible/analytics.git synced 2024-11-22 18:52:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

Make menu change more noticeable

Browse Source
This commit is contained in:
Artur Pata 2024-11-20 20:26:35 +02:00
parent d78de7a1ea
commit 6b8c849b01
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/js/dashboard/nav-menu/filter-menu.tsx
View File

@ -39,6 +39,7 @@ import {
import { useMutation, useQueryClient } from '@tanstack/react-query' import { useMutation, useQueryClient } from '@tanstack/react-query'
import { useAppNavigate } from '../navigation/use-app-navigate' import { useAppNavigate } from '../navigation/use-app-navigate'
import { DashboardQuery } from '../query' import { DashboardQuery } from '../query'
import { AdjustmentsHorizontalIcon } from '@heroicons/react/24/solid'
export function getFilterListItems({ export function getFilterListItems({
propsAvailable propsAvailable
@ -315,10 +316,21 @@ export const FilterMenu = () => {
}} }}
onClick={() => setOpened((opened) => !opened)} onClick={() => setOpened((opened) => !opened)}
currentOption={ currentOption={
<span className="flex items-center"> <div className="flex items-center gap-1 ">
<MagnifyingGlassIcon className="block h-4 w-4" /> {!expandedSegment && (
<span className="block ml-1">Filter</span> <>
</span> <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 && ( {opened && (