Add TopMenu component and page specific content

This commit is contained in:
André Wahlberg
2020-11-26 19:37:44 +01:00
parent 83cdfb3959
commit 0a99562d83
17 changed files with 172 additions and 42 deletions

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import BottomMenuButton from './BottomMenuButton';
import MenuButton from './MenuButton';
import './css/BottomMenu.css';
import ticketsIcon from '../img/tickets.svg';
@ -14,19 +14,19 @@ class BottomMenu extends Component {
return (
<div id="bottomMenu">
<Link to="/tickets">
<BottomMenuButton label="Biljetter" icon={ticketsIcon}/>
<MenuButton label="Biljetter" icon={ticketsIcon}/>
</Link>
<Link to="/ticketsBuy">
<BottomMenuButton label="Köp biljett" icon={ticketsBuyIcon}/>
<MenuButton label="Köp biljett" icon={ticketsBuyIcon}/>
</Link>
<Link to="/travel">
<BottomMenuButton label="Reseplanering" icon={travelIcon}/>
<MenuButton label="Reseplanering" icon={travelIcon}/>
</Link>
<Link to="/traffic">
<BottomMenuButton label="Trafikinfo" icon={trafficIcon}/>
<MenuButton label="Trafikinfo" icon={trafficIcon}/>
</Link>
</div>
);