mirror of https://github.com/hashicorp/consul
29 lines
710 B
React
29 lines
710 B
React
|
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$/, '')
|
||
|
|
}
|