diff --git a/source/components/pages/Header.css b/source/components/pages/Header.css index 5dda2ca55..1a5e1a674 100644 --- a/source/components/pages/Header.css +++ b/source/components/pages/Header.css @@ -94,3 +94,20 @@ nav a { right: 0.3em; font-size: 150%; } + +#footer { + position: fixed; + right: 1em; + bottom: 1em; +} +#footer a { + font-size: 95%; + color: rgb(75, 75, 102); +} +#footer a:hover { + color: black; +} + +#footer i { + margin: 0.1em; +} diff --git a/source/components/pages/Header.js b/source/components/pages/Header.js index 3f7baf5b8..391dfef6b 100644 --- a/source/components/pages/Header.js +++ b/source/components/pages/Header.js @@ -10,7 +10,7 @@ import { withRouter } from 'react-router' iframe: state.iframe, textColourOnWhite: state.themeColours.textColourOnWhite })) -export default class Header extends Component { +export class Header extends Component { state = { mobileNavVisible: false } @@ -89,3 +89,20 @@ let Links = ({ toggle }) => ( ) + +@withRouter +export class Footer extends Component { + render() { + let appMode = ['/simu', '/regle'].find(t => + this.props.location.pathname.includes(t) + ) + if (!appMode) return null + return ( +
+ ) + } +} diff --git a/source/containers/Layout.js b/source/containers/Layout.js index e6912a9b6..bf2fdd9ee 100644 --- a/source/containers/Layout.js +++ b/source/containers/Layout.js @@ -16,7 +16,7 @@ import Integration from 'Components/pages/Integration' import About from 'Components/pages/About' import ReactPiwik from 'Components/Tracker' import createHistory from 'history/createBrowserHistory' -import Header from 'Components/pages/Header' +import { Header, Footer } from 'Components/pages/Header' import { getIframeOption } from '../utils' const piwik = new ReactPiwik({ @@ -59,6 +59,7 @@ export default class Layout extends Component {