mirror of https://github.com/hashicorp/consul
29 lines
710 B
JavaScript
29 lines
710 B
JavaScript
import Search from '@hashicorp/react-search'
|
|
|
|
export default function SearchBar() {
|
|
return (
|
|
<Search
|
|
renderHitContent={({ hit, Highlight }) => (
|
|
<>
|
|
<span className="name">
|
|
<Highlight attribute="page_title" hit={hit} tagName="span" />
|
|
</span>
|
|
<span className="description">
|
|
<Highlight attribute="description" hit={hit} tagName="span" />
|
|
</span>
|
|
</>
|
|
)}
|
|
resolveHitLink={(hit) => ({
|
|
href: {
|
|
pathname: `/${transformIdtoUrl(hit.objectID)}`,
|
|
},
|
|
})}
|
|
placeholder="Search Consul documentation"
|
|
/>
|
|
)
|
|
}
|
|
|
|
function transformIdtoUrl(id) {
|
|
return id.replace(/\/index$/, '')
|
|
}
|