summaryrefslogtreecommitdiff
path: root/docs/src/components/Header/Search.tsx
diff options
context:
space:
mode:
authorGravatar Jonathan Neal <jonathantneal@hotmail.com> 2022-02-07 13:39:53 -0500
committerGravatar GitHub <noreply@github.com> 2022-02-07 13:39:53 -0500
commita911d14eabe4f4f9080b59b1c292818ea2ca6123 (patch)
tree529fdda395eedc122955fd2851954d61554869b4 /docs/src/components/Header/Search.tsx
parent2bc91543ceeb5f3dd45e201bf75d79f186e85141 (diff)
downloadastro-a911d14eabe4f4f9080b59b1c292818ea2ca6123.tar.gz
astro-a911d14eabe4f4f9080b59b1c292818ea2ca6123.tar.zst
astro-a911d14eabe4f4f9080b59b1c292818ea2ca6123.zip
Remove docs from monorepo (#2517)
* Remove docs from monorepo * Update PULL_REQUEST_TEMPLATE.md * Update relative doc references with links or todo
Diffstat (limited to 'docs/src/components/Header/Search.tsx')
-rw-r--r--docs/src/components/Header/Search.tsx93
1 files changed, 0 insertions, 93 deletions
diff --git a/docs/src/components/Header/Search.tsx b/docs/src/components/Header/Search.tsx
deleted file mode 100644
index 8f2cfe649..000000000
--- a/docs/src/components/Header/Search.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-/* jsxImportSource: react */
-import { useState, useCallback, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import * as docsearch from '@docsearch/react';
-import '@docsearch/css/dist/style.css';
-import './Search.css';
-
-const { DocSearchModal, useDocSearchKeyboardEvents } =
- (docsearch as unknown as { default: typeof docsearch }).default || docsearch;
-
-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);
- }, [setIsOpen]);
-
- const onClose = useCallback(() => {
- setIsOpen(false);
- }, [setIsOpen]);
-
- const onInput = useCallback(
- (e) => {
- setIsOpen(true);
- setInitialQuery(e.key);
- },
- [setIsOpen, setInitialQuery]
- );
-
- useDocSearchKeyboardEvents({
- isOpen,
- onOpen,
- onClose,
- onInput,
- searchButtonRef,
- });
-
- return (
- <>
- <button
- type="button"
- ref={searchButtonRef}
- onClick={onOpen}
- className="search-input"
- >
- <svg width="24" height="24" fill="none">
- <path
- d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
- stroke="currentColor"
- strokeWidth="2"
- strokeLinecap="round"
- strokeLinejoin="round"
- />
- </svg>
- <span className="search-placeholder">Search</span>
- <span className="search-hint">
- <span className="sr-only">Press </span>
- <kbd>/</kbd>
- <span className="sr-only"> to search</span>
- </span>
- </button>
- {isOpen &&
- createPortal(
- <DocSearchModal
- initialQuery={initialQuery}
- initialScrollY={window.scrollY}
- 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
- // work better on localhost, preview URLS.
- const a = document.createElement('a');
- a.href = item.url;
- const hash = a.hash === '#overview' ? '' : a.hash;
- return {
- ...item,
- url: `${a.pathname}${hash}`,
- };
- });
- }}
- />,
- document.body
- )}
- </>
- );
-}