30 lines
657 B
TypeScript
30 lines
657 B
TypeScript
import { Link } from "react-router-dom"
|
|
import ReactTooltip from "react-tooltip"
|
|
|
|
import HeaderButton from "../HeaderButton"
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
|
|
import { faSearch } from "@fortawesome/free-solid-svg-icons"
|
|
|
|
const SearchButton = () => {
|
|
return (
|
|
<>
|
|
<div>
|
|
<Link
|
|
data-tip
|
|
data-for="search"
|
|
to="/search"
|
|
aria-label="go to search page"
|
|
>
|
|
<HeaderButton>
|
|
<FontAwesomeIcon icon={faSearch} />
|
|
</HeaderButton>
|
|
</Link>
|
|
</div>
|
|
<ReactTooltip id="search" type="dark" effect="solid">
|
|
<span>Search</span>
|
|
</ReactTooltip>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default SearchButton
|