User Intent Graph - Search App

gistfile1.jsx

function SearchListing({ results }) {
  const { affinities } = useAffinities();

  const categoryAffinity = affinities.find((x) => (x.name = "category"));
  const brandAffinity = affinities.find((x) => (x.name = "brand"));
  const colorAffinity = affinities.find((x) => (x.name = "color"));

  return (
    // Display results that match category, brand and color affinities
  );
}

function App({ api }) {
  const results = api.getResults();

  return (
    <UserIntentGraphProvider
      userIntentGraphClient={userIntentGraphClient}
      user={api.getUser()}
    >
      <SearchListing results={results} />
    </UserIntentGraphProvider>
  );
}