Webpage Integration: Search

[henryajisegiri]

Goal

Wire up the existing search component to Algolia across the Libraries and Learn indexes.

Figma

---

Scope

Algolia integration only. The search component has already been built.

---

Acceptance Criteria

Search integration

• The search component is connected to Algolia using the project's Algolia API credentials.
• Search queries are run across two indexes: Libraries and Learn.
• Results are scoped per index and displayed under their respective tabs (Libraries / Learn) in the search modal.
• Note: Ensure Algolia is working properly.

JavaScript disabled state

• When JavaScript is disabled, the search input is rendered in a disabled state.
• The placeholder text reads: "Search is not available with JS disabled"

---

FE/BE Actions

Description	URL
Algolia Libraries index search
Algolia Learn index search

Note: Confirm Algolia App ID, API key, and index names with Sam/Greg/Rob before implementation.

---

Out of Scope

• Search component UI (already built)