update

package.json

@@ -6,6 +6,7 @@
     "axios": "^0.18.0",
     "normalize": "^0.3.1",
     "normalize.css": "^8.0.1",
+    "query-string": "^6.2.0",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-router-dom": "^4.3.1",

src/Forecast.js

@@ -1,11 +1,39 @@
 import React, { Component } from 'react';
-// import { Link } from 'react-router-dom';
+import queryString from 'query-string';
+// components
+import api  from './utils/api';
 
 class Forecast extends Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            location: null,
+            loading: true,
+        }
+    }
+    componentDidMount() {
+        var location = queryString.parse(this.props.location.search);
+        this.setState(_ => {
+            return {
+                location: location,
+                loading: false,
+            }
+        });
+    }
     render() {
+        var location = this.state.location;
+        var loading = this.state.loading;
+
+        if(loading === true) {
+            return <div>loading...</div>
+        }
         return (
+
+
             <div className="container">
-                Forecast Component
+                {/* {JSON.stringify(location["city"])} */}
+                {JSON.stringify(api.fetchCurrentWeather(location["city"]))}
             </div>
         )
     }

src/LocationInput.js

@@ -3,7 +3,6 @@ import { BrowserRouter as Router, Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 
 // components
-import api  from './utils/api';
 
 
 class LocationInput extends Component {

src/utils/api.js

@@ -9,8 +9,10 @@ module.exports = {
         var link = window.encodeURI(baseURL + "weather?q=" + location + params);
         return axios.get(link)
             .then(function(results) {
-                console.log('current weather results: ' + results);
+                // console.log('current weather results: ' + results);
                 console.log(JSON.stringify(results["data"]["weather"]));
+                console.log(results.data.weather);
+                return results.data.weather;
             });
     },
     fetchFiveDayForecast: function(location) {