Add back DocSearch

AppliedEnergistics · Oct 30, 2023 · c1588ae · c1588ae
1 parent 0c3af94
commit c1588ae
Show file tree

Hide file tree

Showing 4 changed files with 243 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@docsearch/react": "^3.5.2",
     "@tippyjs/react": "^4.2.6",
     "flatbuffers": "^23.5.26",
     "next": "14.0.0",

diff --git a/src/app/index.css b/src/app/index.css
@@ -1,3 +1,11 @@
+@import "@docsearch/css";
+
+.DocSearch {
+    width: 100%;
+    margin: 0 0 1em;
+    border-radius: 0;
+}
+
 /* Pixeloid Mono font */
 @font-face {
     font-family: 'Pixeloid Mono';

diff --git a/src/components/nav/GuideShell.tsx b/src/components/nav/GuideShell.tsx
@@ -12,6 +12,7 @@ import Image from "next/image";
 import logo from "@assets/logo_00.png";
 import GuideNavBar, { NavBarNode } from "@component/nav/GuideNavBar.tsx";
 import { GuidePageTitleProvider } from "@component/nav/GuidePageTitleProvider.tsx";
+import { DocSearch } from "@docsearch/react";
 
 export interface GuideShellProps {
   gameVersion: String;
@@ -49,8 +50,16 @@ function GuideShell({
           <span aria-hidden="true"></span>
         </a>
       </div>
-      <div className={css.pageTitle}>{pageTitle && <h1>{pageTitle}</h1>}</div>
+      <div className={css.pageTitle}>{pageTitle}</div>
       <aside onClick={() => setMenuExpanded(false)}>
+        <DocSearch
+          appId="EG2004GHB4"
+          indexName="appliedenergistics"
+          apiKey="ab39bd0dd374963dfa89e457fb10e514"
+          searchParameters={{
+            facetFilters: ["version:" + gameVersion],
+          }}
+        />
         <GuideNavBar rootNodes={navigationNodes} />
       </aside>
       <article>