Search SearchBar.tsx

0% Statements 0/8

0% Branches 0/2

0% Functions 0/3

0% Lines 0/8

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FunctionComponent, useState } from "react";
import { SEARCH_ANALYTICS } from "./constants";
import { useSearchQuery } from "./useSearchParam";
import { useUpdateSearchParam } from "./useUpdateSearchParam";
import { SearchBar as SearchBarComponent } from "../../components/SearchBar";
 
export const SearchBar: FunctionComponent = () => {
  const query = useSearchQuery();
  const updateSearch = useUpdateSearchParam();
 
  const [value, setValue] = useState(query ?? "");
 
  return (
    <SearchBarComponent
      bg="bgSecondary"
      data-event={SEARCH_ANALYTICS.SEARCH}
      onChange={(e) => setValue(e.target.value)}
      onSubmit={(e) => {
        e.preventDefault();
 
        updateSearch({
          query: value,
          sort: undefined,
        });
      }}
      value={value}
    />
  );
};