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

Non-existing button

Browse Source
This commit is contained in:
Daniel Nguyen
2020-11-27 11:41:20 +01:00
parent 87f9661993
commit fc29d7d327
5 changed files with 137 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/pages/Disruption.js Normal file
View File

@ -0,0 +1,23 @@
import addNotification from "react-push-notification";
const Disruption = () => {
const buttonClick = () => {
addNotification({
title: "Warning",
subtitle: "This is a subtitle",
message: "This is a very long message",
theme: "blue",
native: true, // when using native, your OS will handle theming.
});
};
return (
<div className="page">
<button onClick={buttonClick} className="button">
Störning
</button>
</div>
);
};
export default Disruption;

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

@ -1,38 +1,49 @@
import React, { Component } from 'react';
import React, { Component } from "react";
import Header from '../Header.js';
import TopMenu from '../TopMenu.js';
import MainArea from '../MainArea.js';
import StopTitle from '../StopTitle.js';
import TrafficList from '../TrafficList.js';
import Header from "../Header.js";
import TopMenu from "../TopMenu.js";
import MainArea from "../MainArea.js";
import StopTitle from "../StopTitle.js";
import TrafficList from "../TrafficList.js";
import Stop from '../../classes/Stop.js';
import Departure from '../../classes/Departure.js';
import Stop from "../../classes/Stop.js";
import Departure from "../../classes/Departure.js";
import Disruption from "./Disruption.js";
class TrafficInfo extends Component {
render() {
let testStop =
new Stop(
"Lemmingsgatan",
["Läge A", "Läge B", "Läge C"],
[
new Departure("519", "Mot Heden", "11:59", "Trafikolycka vid Partille Centrum."),
new Departure("58", "Mot Västra Eriksberg", "12:07")
],
);
render() {
let testStop = new Stop(
"Lemmingsgatan",
["Läge A", "Läge B", "Läge C"],
[
new Departure(
"519",
"Mot Heden",
"11:59",
"Trafikolycka vid Partille Centrum."
),
new Departure("58", "Mot Västra Eriksberg", "12:07"),
]
);
return (
<>
<Header title="Trafikinfo" />
<TopMenu>
<StopTitle stop={testStop} />
</TopMenu>
<MainArea>
<TrafficList departures={testStop.departures} />
</MainArea>
</>
);
}
return (
<>
<Header title="Trafikinfo" />
<TopMenu>
<StopTitle stop={testStop} />
</TopMenu>
<MainArea>
<TrafficList departures={testStop.departures} />
</MainArea>
<Disruption>
<button onClick={Disruption} className="button">
Störning
</button>
</Disruption>
</>
);
}
}
export default TrafficInfo;
export default TrafficInfo;