docs[patch]: search experiment (#14254)

- npm
- search config
- custom
This commit is contained in:
Erick Friis
2023-12-04 16:58:26 -08:00
committed by GitHub
parent 4fb72ff76f
commit 4351b99d2b
6 changed files with 343 additions and 922 deletions

View File

@@ -36,23 +36,6 @@
--ifm-color-primary-lightest: #4fddbf;
}
.mendable-search {
width: 175px;
}
/* Reduce width on mobile for Mendable Search */
@media (max-width: 500px) {
.mendable-search {
width: 150px;
}
}
@media (max-width: 380px) {
.mendable-search {
width: 140px;
}
}
.footer__links {
margin-top: 1rem;
margin-bottom: 3rem;

View File

@@ -1,35 +0,0 @@
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @format
*/
import React from "react";
import { MendableSearchBar } from "@mendable/search";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
export default function SearchBarWrapper() {
const {
siteConfig: { customFields },
} = useDocusaurusContext();
return (
<div className="mendable-search">
<MendableSearchBar
anon_key={customFields.mendableAnonKey}
style={{ accentColor: "#4F956C", darkMode: false }}
placeholder="Search"
dialogPlaceholder="How do I use a LLM Chain?"
messageSettings={{ openSourcesInNewTab: false, prettySources: true }}
searchBarStyle={{
borderColor: "#9d9ea1",
color:"#9d9ea1"
}}
askAIText="Ask Mendable AI"
isPinnable
showSimpleSearch
/>
</div>
);
}