2016-12-13 16:35:39 +02:00
|
|
|
const React = require('react');
|
2016-12-14 00:09:04 +02:00
|
|
|
const ReactRouter = require('react-router');
|
2016-12-13 16:35:39 +02:00
|
|
|
const Styled = require('styled-components');
|
|
|
|
|
|
|
|
const Column = require('@ui/components/column');
|
|
|
|
const Container = require('@ui/components/container');
|
|
|
|
const fns = require('@ui/shared/functions');
|
|
|
|
const logo = require('@resources/logo.png');
|
|
|
|
const Row = require('@ui/components/row');
|
|
|
|
|
2016-12-14 00:09:04 +02:00
|
|
|
const {
|
|
|
|
Link
|
|
|
|
} = ReactRouter;
|
|
|
|
|
2016-12-13 16:35:39 +02:00
|
|
|
const {
|
|
|
|
default: styled
|
|
|
|
} = Styled;
|
|
|
|
|
|
|
|
const {
|
|
|
|
remcalc
|
|
|
|
} = fns;
|
|
|
|
|
|
|
|
const StyledHeader = styled.header`
|
|
|
|
height: ${remcalc(78)};
|
|
|
|
background-color: #ffffff;
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
top: 0;
|
|
|
|
left: 0
|
|
|
|
`;
|
|
|
|
|
|
|
|
const StyledLogo = styled.img`
|
|
|
|
padding-top: ${remcalc(21)};
|
|
|
|
padding-bottom: ${remcalc(21)};
|
|
|
|
`;
|
|
|
|
|
|
|
|
const Header = () => {
|
|
|
|
return (
|
|
|
|
<StyledHeader>
|
|
|
|
<Container fluid>
|
|
|
|
<Row>
|
|
|
|
<Column xs={2}>
|
2016-12-14 00:09:04 +02:00
|
|
|
<Link to='/'>
|
|
|
|
<StyledLogo src={logo} />
|
|
|
|
</Link>
|
2016-12-13 16:35:39 +02:00
|
|
|
</Column>
|
|
|
|
</Row>
|
|
|
|
</Container>
|
|
|
|
</StyledHeader>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = Header;
|