Function useFilters

app/src/components/Filters/useFilters.ts:8–39

(options?: { defaultShown?: boolean; urlKey?: string })

const DEFAULT_URL_KEY = "filterData";

export const useFilters = (options?: { defaultShown?: boolean; urlKey?: string }) => {
  const [filterData, setFilterData] = useQueryParam<{ shown: boolean; filters: FilterData[] }>(
    options?.urlKey ?? DEFAULT_URL_KEY,
    withDefault(JsonParam, { shown: !!options?.defaultShown, filters: [] }),
  );

  const setFiltersShown = (shown: boolean) => setFilterData({ ...filterData, shown });

  const addFilter = (filter: FilterData) => {
    setFilterData({ shown: true, filters: [...filterData.filters, filter] });
  };
  const updateFilter = (filter: FilterData) =>
    setFilterData({
      shown: true,
      filters: filterData.filters.map((f) => (f.id === filter.id ? filter : f)),
    });

  const removeFilter = (filter: FilterData) =>
    setFilterData({ ...filterData, filters: filterData.filters.filter((f) => f.id !== filter.id) });

  const setFilters = (filters: FilterData[]) => setFilterData({ shown: true, filters });

  return {
    filters: filterData.filters,
    filtersShown: filterData.shown,
    addFilter,
    updateFilter,
    removeFilter,
    setFiltersShown,
    setFilters,
  };
};

export const constructFiltersQueryParams = ({
  filters,