samling 0.13.1

App for managing apparel collections
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import { Dispatch, SetStateAction, useMemo } from "react";
import { PriceListSummary } from "../../types/api";
import MultipleCombobox from "../admin/MultipleCombobox";

interface AssociatedPriceListsEditorProps {
  priceLists: PriceListSummary[];
  setPriceLists: Dispatch<SetStateAction<PriceListSummary[]>>;
  availablePriceLists: PriceListSummary[];
}

export default function AssociatedPriceListsEditor({
  priceLists,
  setPriceLists,
  availablePriceLists: availablePriceListsOriginal,
}: AssociatedPriceListsEditorProps) {
  const availablePriceLists = useMemo(
    () => [...priceLists, ...availablePriceListsOriginal],
    [priceLists, availablePriceListsOriginal],
  );
  return (
    <MultipleCombobox<PriceListSummary>
      allItems={availablePriceLists}
      selectedItems={priceLists}
      setSelectedItems={setPriceLists}
      toFilterItem={(priceList) => ({
        id: priceList.id,
        title: priceList.name,
      })}
      numSelectedVisible={10}
    />
  );
}