diff --git a/client/src/components/Planner/PlacesSidebarHeader.tsx b/client/src/components/Planner/PlacesSidebarHeader.tsx index 7f3a66542..a3c0c3317 100644 --- a/client/src/components/Planner/PlacesSidebarHeader.tsx +++ b/client/src/components/Planner/PlacesSidebarHeader.tsx @@ -7,7 +7,8 @@ import { useElementSize } from '../../hooks/useElementSize' import { Eyebrow } from './bookings/bookingParts' import { tintOf } from './planParts' import { CategoryTile } from './PlacesBulkCategoryModal' -import type { PlacesFilter, SidebarState } from './usePlacesSidebar' +import type { SidebarState } from './usePlacesSidebar' +import { placesFilterTabs } from './usePlacesPool' import { PLACES_SORTS, type PlacesSort } from './placesSort' import { RATING_FLOORS, UNCATEGORIZED } from '../../utils/placesFilter' @@ -69,7 +70,7 @@ export function PlacesDropOverlay({ t }: SidebarState) { * says so. */ export function PlacesHeader(S: SidebarState) { - const { canEditPlaces, t, selectMode, setSelectMode, setSelectedIds } = S + const { canEditPlaces, t, selectMode, toggleSelectMode } = S return (
{canEditPlaces && } @@ -80,7 +81,7 @@ export function PlacesHeader(S: SidebarState) { label={t('common.select')} on={selectMode} ariaPressed={selectMode} - onClick={() => { setSelectMode(v => !v); setSelectedIds(new Set()) }} + onClick={toggleSelectMode} > {selectMode ? : } @@ -98,14 +99,14 @@ export function PlacesHeader(S: SidebarState) { ) } -function SearchField({ t, search, setSearch, selectMode, setSelectedIds }: SidebarState) { +function SearchField({ t, search, setSearch, updateSearch }: SidebarState) { return (