Minor modifications to Example API components and base classes

src/App.js

@@ -21,7 +21,8 @@ class App extends Component {
 		return (
 			<Router>
 				<div className="App">
-					<StationDisruption/>
+					<NearbyStation/>
+					<Disruption/>
 					<Route path="/" exact component={TicketsBuy} />
 					<Route path="/tickets" exact component={Tickets} />
 					<Route path="/ticketsBuy" exact component={TicketsBuy} />

src/classes/Disruption.js

@@ -0,0 +1,24 @@
+/*
+    Denna klass är en modell för störningar.
+*/
+
+class Disruption {
+    constructor(startTime, locations, departures) {
+        this.startTime = startTime;
+        this.affectedLines = affectedLines;
+        this.departures = departures;
+    }
+}
+
+/*
+Från västtrafiks api ett element i listan av hållplatser ser ut som följande
+      "id": "string",
+      "lon": "string",
+      "idx": "string",
+      "weight": "string",
+      "name": "string",
+      "track": "string",
+      "lat": "string"
+*/
+
+export default Disruption;

src/classes/User.js

@@ -9,6 +9,7 @@ class User {
     constructor(deviceId, location) {
         this.deviceId = deviceId;
         this.location = location;
+        this.stoppointgid = stoppointgid;
     }
 }
 

src/components/NearbyStation.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import axios from 'axios';
-import AccessToken from '../classes/AccessToken'
+import AccessToken from '../classes/AccessToken';
+import StopComponent from './StopComponent';
+import Stop from '../classes/Stop';
 
 class NearbyStation extends React.Component {
     state = {
@@ -58,18 +60,11 @@ class NearbyStation extends React.Component {
                     {this.state.long}
                 </h1>
                 {this.state.stops.map((item) =>
-                    <div>
+                    <StopComponent stop={item} />
-                        <h1>
-                            {item.name},
-                            {item.id},
-                            {item.lat},
-                            {item.lon},
-                            {item.track}
-                        </h1>
-                    </div>
                 )}
             </div>
         )
     }
 }
+
 export default NearbyStation

src/components/StopComponent.js

@@ -0,0 +1,19 @@
+import React, {Component} from 'react';
+
+class StopComponent extends Component {
+    render() {
+        return (
+            <div>
+                <h1>
+                    {this.props.stop.name},
+                    {this.props.stop.id},
+                    {this.props.stop.lat},
+                    {this.props.stop.lon},
+                    {this.props.stop.track}
+                </h1>
+            </div>
+        );
+    }
+}
+// TODO Add css
+export default StopComponent