@arcteryx/container-search

container-search

The data fetching module is the wrapper that contains the @arcteryx/components-search react component. This module houses the various business logic and service calls that @arcteryx/components-search demands, in order to create a layer of separation from the presentational component.

Usage

In UI Components Repo

const mockStateFromHeader = {
  market: "OUTDOOR",
  language: "en",
  country: "ca",
  environment: "prod", // or "preprod"
};
const analyticsEvents = {
  handleListingViewedEvent: () => {},
  handleSearchEvent: () => {},
  handleClickProductEvent: () => {}
};

<SearchContainer
  mountNode={document.createElement("div")}
  stateFromHeader={mockStateFromHeader}
  algoliaAppId={process.env.ALGOLIA_APP_ID}
  algoliaApiKey={process.env.ALGOLIA_API_KEY}
  searchDebounceTime={400}
  analyticsEvents={analyticsEvents}
  deployEnv="qa"
/>