replaced github button with search button

This commit is contained in:
Kim, Jimin 2021-07-30 15:13:11 +09:00
parent ba84cabb76
commit 9922ff1fa4

View file

@ -1,6 +1,6 @@
import React from "react" import React from "react"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faGithub } from "@fortawesome/free-brands-svg-icons" import { faSearch } from "@fortawesome/free-solid-svg-icons"
import styled from "styled-components" import styled from "styled-components"
import ReactTooltip from "react-tooltip" import ReactTooltip from "react-tooltip"
import { Link } from "react-router-dom" import { Link } from "react-router-dom"
@ -11,7 +11,6 @@ import NavbarData from "../data/NavbarData"
import Sidebar from "./Sidebar" import Sidebar from "./Sidebar"
import ThemeToggleButton from "./ThemeToggleButton" import ThemeToggleButton from "./ThemeToggleButton"
// import { faSearch } from "@fortawesome/free-solid-svg-icons"
const StyledNav = styled.nav` const StyledNav = styled.nav`
position: absolute; position: absolute;
@ -62,10 +61,6 @@ const StyledLink = styled(Link)`
${theming.styles.navbarButtonStyle} ${theming.styles.navbarButtonStyle}
` `
const StyledALink = styled.a`
${theming.styles.navbarButtonStyle}
`
export default class Navbar extends React.Component { export default class Navbar extends React.Component {
render() { render() {
return ( return (
@ -88,21 +83,7 @@ export default class Navbar extends React.Component {
<ThemeToggleButton /> <ThemeToggleButton />
<StyledALink <StyledLink
data-tip
data-for="github"
href="https://github.com/developomp/developomp-site"
target="_blank"
>
<FontAwesomeIcon icon={faGithub} />
</StyledALink>
{!isMobile && (
<ReactTooltip id="github" type="dark" effect="solid">
<span>View source code</span>
</ReactTooltip>
)}
{/* <StyledLink
data-tip data-tip
data-for="search" data-for="search"
to={`${process.env.PUBLIC_URL}/search`} to={`${process.env.PUBLIC_URL}/search`}
@ -113,7 +94,7 @@ export default class Navbar extends React.Component {
<ReactTooltip id="search" type="dark" effect="solid"> <ReactTooltip id="search" type="dark" effect="solid">
<span>Search</span> <span>Search</span>
</ReactTooltip> </ReactTooltip>
)} */} )}
<Sidebar /> <Sidebar />
</StyledContainer> </StyledContainer>