kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-29 18:26:52 +02:00
Code Issues Projects Releases Wiki Activity

Take navigation name from site meta

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-23 02:45:32 +01:00
parent 0e4e10263c
commit c9088ade96
1 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/components/navigation.js
View file

@ -1,17 +1,26 @@
import React from "react"
import { Trans, Link } from "gatsby-plugin-react-i18next"
import { graphql, StaticQuery } from 'gatsby'
export default class Navigation extends React.Component {
render() {
return (
<div className={"topBar" + (this.props.isHome ? " homeBar" : "")}>
<nav className="topBarInner">
<Link to="/" className={"logo" + (this.props.module == "home" ? " active" : "")}>KevinK.dev</Link>
<div className="flexSpacer"></div>
<Link id="navBtnProjects" to="/projects" className={(this.props.module == "projects" ? "active" : "")}><Trans>projects</Trans></Link>
<Link id="navBtnSocial" to="/social" className={(this.props.module == "social" ? "active" : "")}><Trans>social</Trans></Link>
</nav>
</div>
);
}
export default function Navigation({isHome, module}) {
return (
<div className={"topBar" + (isHome ? " homeBar" : "")}>
<nav className="topBarInner">
<StaticQuery query={graphql`
query {
site {
siteMetadata {
title
}
}
}
`} render={data => (
<Link to="/" className={"logo" + (module == "home" ? " active" : "")}>{data.site.siteMetadata.title}</Link>
)} />
<div className="flexSpacer"></div>
<Link id="navBtnProjects" to="/projects" className={(module == "projects" ? "active" : "")}><Trans>projects</Trans></Link>
<Link id="navBtnSocial" to="/social" className={(module == "social" ? "active" : "")}><Trans>social</Trans></Link>
</nav>
</div>
);
}