Added routes & navbar

This commit is contained in:
2018-05-06 17:15:32 +10:00
parent 8f063a2406
commit 923bc782c2
7 changed files with 146 additions and 24 deletions

View File

@ -22,6 +22,14 @@
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import React from 'react';
import { NavLink } from 'react-router-dom'
import Language from './../../language/Language';
const NAVBAR_LINKS = {
"home": "/",
"about": "/about",
"contact": "/contact"
};
class Navbar extends React.Component {
constructor(props) {
@ -29,6 +37,17 @@ class Navbar extends React.Component {
}
render() {
let links = [];
let keys = Object.keys(NAVBAR_LINKS);
for(let i = 0; i < keys.length; i++) {
let k = keys[i];
links.push(
<NavLink key={k} to={NAVBAR_LINKS[k]} className="o-navbar__link">
{ Language.get("navbar." + k) }
</NavLink>
);
}
return (
<section className="o-navbar__section is-stuck">
<nav className="o-navbar">
@ -40,19 +59,7 @@ class Navbar extends React.Component {
alt="domsPlace"
/>
</a>
<a href="/" className="o-navbar__link">
Home
</a>
<a href="/" className="o-navbar__link">
Home
</a>
<a href="/" className="o-navbar__link">
Home
</a>
<a href="/" className="o-navbar__link">
Home
</a>
{ links }
</nav>
</section>
);