Merge pull request #2891 from XRPLF/replace_search

Restore Algolia DocSearch

Author: mDuo13

@theme/components/Navbar/AlgoliaSearch.tsx

@@ -0,0 +1,20 @@
+import { DocSearch } from '@docsearch/react';
+import { useThemeHooks } from '@redocly/theme/core/hooks';
+
+export function AlgoliaSearch() {
+    const { useL10n } = useThemeHooks()
+    let { lang } = useL10n()
+    if (lang == "en-US") {
+        lang = "en"
+    }
+    return (
+            <DocSearch
+                appId="R39QY3MZC7"
+                indexName="xrpl"
+                apiKey="3431349deec23b0bc3dcd3424beb9a6e"
+                searchParameters={{
+                    facetFilters: ['lang:'+lang],
+                }}
+            />
+    )
+}

@theme/components/Navbar/Navbar.tsx

@@ -5,7 +5,7 @@ import { LanguagePicker } from "@redocly/theme/components/LanguagePicker/Languag
 import { slugify } from "../../helpers";
 import { Link } from "@redocly/theme/components/Link/Link";
 import { ColorModeSwitcher } from "@redocly/theme/components/ColorModeSwitcher/ColorModeSwitcher";
-import { Search } from "@redocly/theme/components/Search/Search";
+import { AlgoliaSearch } from "./AlgoliaSearch";
 
 // @ts-ignore
 
@@ -101,7 +101,7 @@ export function Navbar(props) {
           <NavItems>
             {navItems}
             <div id="topnav-search" className="nav-item search">
-              <Search className="topnav-search" />
+              <AlgoliaSearch />
             </div>
             <div id="topnav-language" className="nav-item">
               <LanguagePicker