Weather

client/api.js

@@ -22,4 +22,4 @@ export function getDuckDuck () {
     .catch(err => {
       console.log(err.message)
     })
-}
+}

client/components/HoroscopeSearch.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { getHoroscopes } from '../api'
+import {getHoroscopes} from '../api'
 
 class HoroscopeSearch extends React.Component {
   constructor (props) {

client/components/Search.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+
+import Weather from './Weather'
+import HoroscopeSearch from './HoroscopeSearch'
+
+const Search = () => {
+  return (
+    <div className='search'>
+      <h2>Search</h2>
+      <Weather />
+      <HoroscopeSearch />
+    </div>
+  )
+}
+
+export default Search

client/components/Weather.jsx

@@ -11,10 +11,6 @@ class WeatherSearch extends React.Component {
         temp_max: '',
         temp_min: ''
       },
-/*       sunTimes: {
-        sunrise: '',
-        sunset: ''
-      }, */
       wind: {
         speed: '',
         deg: ''
@@ -55,7 +51,6 @@ class WeatherSearch extends React.Component {
       .then(res => {
         this.setState({
           weather: res.body.main,
-/*           sunTimes: res.body.sys, */
           wind: res.body.wind
         })
       })
@@ -65,7 +60,6 @@ class WeatherSearch extends React.Component {
   }
 
   render () {
-    console.log(Date(1536297759), Date(1536345198))
     return (
       <div className='form'>
         <input value={this.state.city} onChange = {this.handleChange.bind(this)}/>
@@ -74,10 +68,6 @@ class WeatherSearch extends React.Component {
         <p>{this.state.weather.temp && `Today the temperature in ${this.state.city} is ` + Math.round(Number(this.state.weather.temp)) + ' degrees Celsius.'}</p>
         <p>{this.state.weather.temp_max && `High: ${this.state.weather.temp_max}` + ' degrees Celsius'}</p>
         <p>{this.state.weather.temp_min && `Low: ${this.state.weather.temp_min}` + ' degrees Celsius'}</p>
-{/*         <p>{this.state.sunTimes.sunrise && `Sunrise: ${Date(this.state.sunTimes.sunrise)}`}</p>
-        <p>{this.state.sunTimes.sunset && `Sunset: ${Date(this.state.sunTimes.sunset)}`}</p> */}
-{/*         <p>{this.state.wind.speed && `The wind speed is ${this.state.wind.speed}`}</p> */}
-
       </div>
     )
   }

client/index.js

@@ -9,4 +9,3 @@ document.addEventListener('DOMContentLoaded', () => {
     document.getElementById('app')
   )
 })
-