Search SortFilter.tsx

0% Statements 0/7

0% Branches 0/4

0% Functions 0/3

0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
33
34  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FunctionComponent } from "react";
import { SORT_RENDER_MAP } from "./constants";
import { RadioFilter } from "./RadioFilter";
import { useSort } from "./useSearchParam";
import { useUpdateSearchParam } from "./useUpdateSearchParam";
import { CatalogSearchSort } from "../../api/catalog-search/constants";
 
export const SortFilter: FunctionComponent = () => {
  const sort = useSort();
  const updateSearch = useUpdateSearchParam();
 
  const onSortChange = (newSort: string) => {
    updateSearch({
      sort: newSort ? (newSort as CatalogSearchSort) : undefined,
    });
  };
 
  return (
    <RadioFilter
      hint="Sets the order of search results"
      name="Sorted By"
      onValueChange={onSortChange}
      options={[
        { display: "Relevance", value: "" },
        ...Object.entries(SORT_RENDER_MAP).map(([value, display]) => ({
          display,
          value,
        })),
      ]}
      value={sort ?? ""}
    />
  );
};