diff options
| author | 2021-10-25 12:30:31 -0600 | |
|---|---|---|
| committer | 2021-10-25 13:30:31 -0500 | |
| commit | 1acb13e4bf9b00b9b7e3bcb1b4c7b65d2ed94b31 (patch) | |
| tree | 4c6a8cecd00db8f6f4928b8ba644f35e3a0cfffe /docs/src/components/Header | |
| parent | 059aff923b27b7758fc4daffdc1b2506b6fb0a8c (diff) | |
| download | astro-1acb13e4bf9b00b9b7e3bcb1b4c7b65d2ed94b31.tar.gz astro-1acb13e4bf9b00b9b7e3bcb1b4c7b65d2ed94b31.tar.zst astro-1acb13e4bf9b00b9b7e3bcb1b4c7b65d2ed94b31.zip | |
Add Algolia docsearch language facet (#1568)
* add docsearch language facet and initialize Algolia with the language facet filter
* disable facetFilters in docsearch
revisit implementation once Astro docs have been indexed by lang
Diffstat (limited to 'docs/src/components/Header')
| -rw-r--r-- | docs/src/components/Header/Header.astro | 4 | ||||
| -rw-r--r-- | docs/src/components/Header/Search.tsx | 5 | 
2 files changed, 6 insertions, 3 deletions
| diff --git a/docs/src/components/Header/Header.astro b/docs/src/components/Header/Header.astro index 968ba69b2..901075cf4 100644 --- a/docs/src/components/Header/Header.astro +++ b/docs/src/components/Header/Header.astro @@ -154,6 +154,6 @@ const lang = currentPage && getLanguageFromURL(currentPage);      </div>      <div style="flex-grow: 1;"></div>      {lang && <LanguageSelect lang={lang} client:idle />} -    <div class="search-item"><Search client:idle /></div> +    <div class="search-item"><Search lang={lang} client:idle /></div>      </nav> -</header>
\ No newline at end of file +</header> diff --git a/docs/src/components/Header/Search.tsx b/docs/src/components/Header/Search.tsx index 5f05f744f..a3e419b3b 100644 --- a/docs/src/components/Header/Search.tsx +++ b/docs/src/components/Header/Search.tsx @@ -5,10 +5,11 @@ import { DocSearchModal, useDocSearchKeyboardEvents } from '@docsearch/react';  import '@docsearch/css//dist/style.css';  import './Search.css'; -export default function Search() { +export default function Search(props) {    const [isOpen, setIsOpen] = useState(false);    const searchButtonRef = useRef();    const [initialQuery, setInitialQuery] = useState(null); +  const {lang = 'en'} = props;    const onOpen = useCallback(() => {      setIsOpen(true); @@ -66,6 +67,8 @@ export default function Search() {              onClose={onClose}              indexName="astro"              apiKey="0f387260ad74f9cbf4353facd29c919c" +            // Set facetFilters once Astro docs have been indexed by language +            // searchParameters={{ facetFilters: [`lang:${lang}`] }}              transformItems={(items) => {                return items.map((item) => {                  // We transform the absolute URL into a relative URL to | 
