Search SearchForm.tsx

0% Statements 0/9

100% Branches 0/0

0% Functions 0/2

0% Lines 0/9

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import useSearch from "../../../hooks/common/useSearch";
import { useDispatch } from "react-redux";
import { handleKeyDown } from "../../../utils/search/handleKeyDown.ts";
import { setIsOpen } from "../../../store/features/search/searchSlice.ts";
 
type SearchProps = {
  context: string;
};
 
function SearchForm({ context }: SearchProps) {
  const { value, isOpen, handleSubmit, handleChange } = useSearch(context);
  const dispatch = useDispatch();
 
  return (
    <form
      className="h-full max-h-[28px] rounded flex-1"
      onSubmit={handleSubmit}>
      <input
        className="w-full h-full rounded outline-none min-w-[200px]"
        type="text"
        placeholder={"Start Searching..."}
        value={value}
        onChange={handleChange}
        onClick={() => dispatch(setIsOpen(!isOpen))}
        onKeyDown={handleKeyDown}
      />
    </form>
  );
}
 
export default SearchForm;