All files / SearchBar SearchBar.tsx

100% Statements 4/4

100% Branches 2/2

100% Functions 3/3

100% Lines 4/4

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  
 
 
 
 
 
 
 
5x
 
1x
 
2x
 
 
 
 
 
 
2x
  export interface Props {
  inStockOnly: boolean;
  filterText: string;
  onFilterTextChange: (filterText: string) => void;
  onInStockOnlyChange: (inStockOnly: boolean) => void;
}
 
function SearchBar({ inStockOnly, filterText, onFilterTextChange, onInStockOnlyChange }: Props) {
  return (
    <form>
      <input type='text' value={filterText} onChange={(event) => onFilterTextChange(event.target.value)} placeholder='Search...' />
      <label>
        <input type='checkbox' value={inStockOnly ? 'true' : 'false'} onChange={(event) => onInStockOnlyChange(event.target.checked)} />
        Only show products in stock
      </label>
    </form>
  );
}
 
export default SearchBar;