d18bc45b19
Feat/SW-342 filtering and sorting mobile * feat(SW-342): add sort and filter on mobile * Use zustand for state management * Add count and translations * Clear filters * Small fixes * Fixes Approved-by: Pontus Dreij
28 lines
790 B
TypeScript
28 lines
790 B
TypeScript
import { create } from "zustand"
|
|
|
|
interface HotelFilterState {
|
|
activeFilters: string[]
|
|
toggleFilter: (filterId: string) => void
|
|
setFilters: (filters: string[]) => void
|
|
resultCount: number
|
|
setResultCount: (count: number) => void
|
|
}
|
|
|
|
export const useHotelFilterStore = create<HotelFilterState>((set) => ({
|
|
activeFilters: [],
|
|
|
|
setFilters: (filters) => set({ activeFilters: filters }),
|
|
|
|
toggleFilter: (filterId: string) =>
|
|
set((state) => {
|
|
const isActive = state.activeFilters.includes(filterId)
|
|
const newFilters = isActive
|
|
? state.activeFilters.filter((id) => id !== filterId)
|
|
: [...state.activeFilters, filterId]
|
|
return { activeFilters: newFilters }
|
|
}),
|
|
|
|
resultCount: 0,
|
|
setResultCount: (count) => set({ resultCount: count }),
|
|
}))
|