update ping

Author: chenkie

04-Authorization/package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "auth0-js": "^8.7.0",
+    "axios": "^0.16.2",
     "bootstrap": "^3.3.7",
     "cors": "^2.8.3",
     "dotenv": "^4.0.0",

04-Authorization/src/Auth/Auth.js

@@ -23,7 +23,6 @@ export default class Auth {
     this.userHasScopes = this.userHasScopes.bind(this);
     this.getAccessToken = this.getAccessToken.bind(this);
     this.getProfile = this.getProfile.bind(this);
-    this.authFetch = this.authFetch.bind(this);
   }
 
   login() {
@@ -102,29 +101,4 @@ export default class Auth {
     const grantedScopes = JSON.parse(localStorage.getItem('scopes')).split(' ');
     return scopes.every(scope => grantedScopes.includes(scope));
   }
-
-  authFetch(url, options) {
-    const headers = {
-      Accept: 'application/json',
-      'Content-Type': 'application/json'
-    };
-
-    if (this.isAuthenticated()) {
-      headers['Authorization'] = 'Bearer ' + this.getAccessToken();
-    }
-
-    return fetch(url, { headers, ...options })
-      .then(this.checkStatus)
-      .then(response => response.json());
-  }
-
-  checkStatus(response) {
-    if (response.status >= 200 && response.status < 300) {
-      return response;
-    } else {
-      let error = new Error(response.statusText);
-      error.response = response;
-      throw error;
-    }
-  }
 }

04-Authorization/src/Ping/Ping.js

@@ -1,20 +1,22 @@
 import React, { Component } from 'react';
 import { Button } from 'react-bootstrap';
 import { API_URL } from './../constants';
+import axios from 'axios';
 
 class Ping extends Component {
   componentWillMount() {
     this.setState({ message: '' });
   }
   ping() {
-    fetch(`${API_URL}/public`)
-      .then(res => res.json())
-      .then(data => this.setState({ message: data.message }));
+    axios.get(`${API_URL}/public`)
+      .then(response => this.setState({ message: response.data.message }))
+      .catch(error => this.setState({ message: error.message }));
   }
   securedPing() {
-    const { authFetch } = this.props.auth;
-    authFetch(`${API_URL}/private`)
-      .then(data => this.setState({ message: data.message }))
+    const { getAccessToken } = this.props.auth;
+    const headers = { 'Authorization': `Bearer ${getAccessToken()}`}
+    axios.get(`${API_URL}/private`, { headers })
+      .then(response => this.setState({ message: response.data.message }))
       .catch(error => this.setState({ message: error.message }));
   }
   render() {