export default function SearchBar()

in src/components/SearchBar/index.tsx [12:47]

35 lines of code
2 McCabe index (conditional complexity)


export default function SearchBar() {
  useEffect(() => {
    if (window.docsearch) {
      window.docsearch({
        apiKey: ALGOLIA_API_KEY,
        indexName: ALGOLIA_INDEX_NAME,
        inputSelector: UNINITIALIZED_SEARCH_INPUT_SELECTOR,
        debug: false,
        queryHook: setSearchQuery,
        handleSelected: trackSearchQuery,
        transformData,
        algoliaOptions: {
          hitsPerPage: 10,
        },
      });
    }
  }, []);

  return (
    <>
      <Search>
        <div>
          <div>
            <input
              id="amplify-docs-search-input"
              className="three-dee-effect"
              type="search"
              placeholder="Search"
            />
            <img src="/assets/search.svg" alt="search" />
          </div>
        </div>
      </Search>
    </>
  );
}