import React from 'react'
import HourlyWeather from './HourlyWeather.js'

const RenderCurrentDisplay = ( {lookupCity, hourlyData} ) => {
  return (
    <section>
      { lookupCity }
      <h4>Day: { hourlyData.hourly_forecast[0].FCTTIME.pretty }</h4>
      <h1>Temp: { hourlyData.hourly_forecast[0].temp.english }°F</h1>
      <section>
        <HourlyWeather hourlyData = { hourlyData }/>
      </section>
    </section>

  )
}

export default RenderCurrentDisplay

@@ -161,16 +161,19 @@
 %3E%0A      
+%3Cp%3E
 %7B lookup
@@ -178,16 +178,20 @@
 upCity %7D
+%3C/p%3E
 %0A      %3C

add hourly data from hardcoded file