AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add more components

Browse Source
This commit is contained in:
Tom Raithel
2017-02-21 22:58:35 +01:00
parent f284b4b310
commit 33b4d112a0
9 changed files with 125 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
js/components/Header.js
View File

@@ -1,29 +1,29 @@
import React from 'react';
import Branding from './Branding';
import Link from './Link';
export default function Header() {
return (
<div className="branding">
<Link pageName="index" className="branding__logo"><img src="/assets/logo.svg"/></Link>
<div className="branding__content">
<div className="nav">
<div className="nav__item">
<Link pageName="help" className="icon-link">
<span className="icon icon--question icon-link__icon"></span>How to Use Technology Radar?
</Link>
</div>
<div className="nav__item">
<Link pageName="overview" className="icon-link">
<span className="icon icon--overview icon-link__icon"></span>Technologies Overview
</Link>
</div>
<div className="nav__item">
<a className="icon-link" href="#todo">
<span className="icon icon--search icon-link__icon"></span>Search
</a>
</div>
<Branding
logoContent={<Link pageName="index"><img src="/assets/logo.svg"/></Link>}
>
<div className="nav">
<div className="nav__item">
<Link pageName="help" className="icon-link">
<span className="icon icon--question icon-link__icon"></span>How to Use Technology Radar?
</Link>
</div>
<div className="nav__item">
<Link pageName="overview" className="icon-link">
<span className="icon icon--overview icon-link__icon"></span>Technologies Overview
</Link>
</div>
<div className="nav__item">
<a className="icon-link" href="#todo">
<span className="icon icon--search icon-link__icon"></span>Search
</a>
</div>
</div>
</div>
</Branding>
);
}