plausible/analytics
1
1
Fork 0
mirror of https://github.com/plausible/analytics.git synced 2024-11-22 10:43: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 { 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 && (