diff --git a/src/App.js b/src/App.js
index c603e2d..cb33b50 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,6 +18,7 @@ class App extends Component {
/>
*/}
+
diff --git a/src/components/AccessToken.js b/src/components/AccessToken.js
index b0014f1..7201228 100644
--- a/src/components/AccessToken.js
+++ b/src/components/AccessToken.js
@@ -1,10 +1,30 @@
import React from 'react';
import axios from 'axios';
+var globToken = ''
+
+const GetToken = () => {
+ const vars = {
+ credentials: 'NXR5N2d4bUFmUWxVSERIZG03a2dhcVh3SzVJYTp3cElPVVJuSkpjVHRPNnJPUlltWVlQcTR3WGth',
+ token: undefined,
+ device: '123',
+ }
+
+ const headers = {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'Authorization': 'Basic ' + vars.credentials
+ };
+
+ axios.post('https://api.vasttrafik.se/token','grant_type=client_credentials&scope=device_'+vars.device, { headers })
+ .then(response => {
+ console.log(response);
+ globToken = response.data.access_token
+ });
+}
+
class AccessToken extends React.Component {
state = {
- token: 'No token',
- responseFromVT: 'No response'
+ token: 'No Token',
}
handleChange = event => {
@@ -14,56 +34,32 @@ class AccessToken extends React.Component {
handleSubmit = event => {
event.preventDefault();
- const headers = {
- 'Content-Type': 'application/x-www-form-urlencoded',
- 'Authorization': 'Basic ' + this.state.token
- };
this.setState({
- token: 'Attempting to send token'
- })
+ credentials: 'Attempting to send token'
+ });
+ GetToken();
+ }
- axios.post('https://api.vasttrafik.se/token', { headers })
- .then(response => {
- this.setState({
- responseFromVT: response.data.access_token,
- token: 'token sent'
- })
- .error(res => {
- this.setState({
- responseFromVT: "some error",
- token: "some error occured"
- })
- })
- })
+ handleFetch = event => {
+ event.preventDefault();
+ this.setState({token: globToken})
}
render() {
return (
-
- {this.state.responseFromVT}
-
{this.state.token}
+
)
}
}
+
export default AccessToken
-
-//'https://reqres.in/api/articles'
-
-//'https://api.vasttrafik.se/token'
-
-//grant_type=client_credentials&scope=
-
-//5ty7gxmAfQlUHDHdm7kgaqXwK5Ia
-//wpIOURnJJcTtO6rORYmYYPq4wXka
\ No newline at end of file
diff --git a/src/components/NearbyStation.js b/src/components/NearbyStation.js
index 2e50077..bd48b26 100644
--- a/src/components/NearbyStation.js
+++ b/src/components/NearbyStation.js
@@ -1,28 +1,15 @@
import React from 'react';
import axios from 'axios';
-/*
-const StopLocation = ({ name, id, lat, long, track }) => (
-
-
-
{name}
-
{id}
-
{lat}
-
{lon}
-
{track}
-
-
-);
-*/
class NearbyStation extends React.Component {
state = {
- lat: '57.5987',
- long: '11.9454',
- token: '2d596c20-a6e7-3272-8df6-51ed2468da63',
+ lat: '57.7',
+ long: '12.0',
stops: [],
+ token: undefined,
+ device: '123',
}
-
handleChangeLat = event => {
this.setState({ lat: event.target.value});
}
@@ -31,6 +18,10 @@ class NearbyStation extends React.Component {
this.setState({ long: event.target.value});
}
+ handleChangeToken = event => {
+ this.setState({ token: event.target.value})
+ }
+
handleSubmit = event => {
event.preventDefault();
@@ -61,7 +52,11 @@ class NearbyStation extends React.Component {
Longitude coord:
-
+
+
{this.state.lat}