import React from 'react';

import Temperature from './Temperature.js';

class Weather extends React.Component {
    render = () => {
        // FIXME: After rendering, send stats to Google Analytics

        // FIXME: Add the actual temperatures
        return (
            <Temperature degreesCelsius={25} hour={12}></Temperature>
        );
    }
}

export default Weather;

@@ -120,12 +120,32 @@
 nder
- = (
+Temperatures = (renderUs
 ) =%3E
@@ -170,187 +170,1118 @@
 E: A
-fter rendering, send stats to Google Analytics%0A%0A        // FIXME: Add the actual temperatures%0A        return (%0A            %3CTemperature degreesCelsius=%7B25%7D hour=%7B12%7D%3E%3C/Temperature
+dd the actual temperatures%0A%0A        console.log(renderUs);%0A%0A        return (%0A            %3CTemperature degreesCelsius=%7B25%7D hour=%7B1%7D /%3E%0A        );%0A    %7D%0A%0A    getForecastsToRender = () =%3E %7B%0A        const renderUs = %5B%5D;%0A%0A        const now_ms = (new Date()).getTime();%0A        const start = new Date(now_ms + 0.75 * 3600 * 1000);%0A        const end = new Date(now_ms + 11.75 * 3600 * 1000);%0A%0A        // eslint-disable-next-line%0A        for (const %5Btimestamp_ms, forecast%5D of Object.entries(this.props.forecast)) %7B%0A            const timestamp_date = new Date(timestamp_ms);%0A%0A            if (timestamp_date %3C start) %7B%0A                continue;%0A            %7D%0A%0A            if (timestamp_date %3E end) %7B%0A                continue;%0A            %7D%0A%0A            renderUs.push(forecast);%0A        %7D%0A%0A        console.log(renderUs);%0A        return renderUs;%0A    %7D%0A%0A    render = () =%3E %7B%0A        // FIXME: After rendering, send stats to Google Analytics%0A%0A        const renderUs = this.getForecastsToRender()%0A        return (%0A            %3CReact.Fragment%3E%0A                %7Bthis.renderTemperatures(renderUs)%7D%0A            %3C/React.Fragment
 %3E%0A  

Add logic for choosing which forecasts to show