schulze/hallbarUtvecklingVT7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add TopMenu component and page specific content

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/pages/Tickets.js
View File

@ -1,14 +1,16 @@
import React, { Component } from 'react';
import Header from '../Header.js'
import MainArea from '../MainArea.js'
import Header from '../Header.js';
import MainArea from '../MainArea.js';
class Tickets extends Component {
render() {
return (
<>
<Header title="Biljetter" />
<MainArea />
<MainArea>
<p>Du har inga biljetter</p>
</MainArea>
</>
);
}

21
src/components/pages/TicketsBuy.js
View File

@ -1,14 +1,27 @@
import React, { Component } from 'react';
import Header from '../Header.js'
import MainArea from '../MainArea.js'
import Header from '../Header.js';
import TopMenu from '../TopMenu.js';
import MenuButton from '../MenuButton.js';
import MainArea from '../MainArea.js';
import clockIcon from '../../img/clock.svg';
import calendarIcon from '../../img/calendar.svg';
import recurringIcon from '../../img/redo.svg';
class TicketsBuy extends Component {
render() {
return (
return (
<>
<Header title="Köp biljett" />
<MainArea />
<TopMenu>
<MenuButton label="Enkelbiljett" icon={clockIcon} />
<MenuButton label="Periodbiljett" icon={calendarIcon} />
<MenuButton label="Dygnsbiljett" icon={recurringIcon} />
</TopMenu>
<MainArea>
<p>Du har inga tidigare köp</p>
</MainArea>
</>
);
}

4
src/components/pages/TrafficInfo.js
View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import Header from '../Header.js'
import MainArea from '../MainArea.js'
import Header from '../Header.js';
import MainArea from '../MainArea.js';
class TrafficInfo extends Component {
render() {

14
src/components/pages/Travel.js
View File

@ -1,14 +1,22 @@
import React, { Component } from 'react';
import Header from '../Header.js'
import MainArea from '../MainArea.js'
import Header from '../Header.js';
import TopMenu from '../TopMenu.js';
import MainArea from '../MainArea.js';
import TripSelector from '../TripSelector.js';
import '../css/TripSelector.css';
class Travel extends Component {
render() {
return (
<>
<Header title="Reseplanering" />
<MainArea />
<TopMenu>
<TripSelector />
</TopMenu>
<MainArea>
</MainArea>
</>
);
}