Skip to content
Snippets Groups Projects
Commit 7cde32f0 authored by francoisdillinger's avatar francoisdillinger
Browse files

using night temp component

parent d8f40940
No related branches found
No related tags found
No related merge requests found
import * as React from "react"; import * as React from "react";
import { useState, useEffect} from 'react'; import { useState, useEffect} from 'react';
import SvgNightTemp from './svgNightTemp';
const ForecastCollection = (props) => { const ForecastCollection = (props) => {
const [forecast, setForecast] = useState(null); const [forecast, setForecast] = useState(null);
...@@ -35,12 +36,15 @@ const ForecastCollection = (props) => { ...@@ -35,12 +36,15 @@ const ForecastCollection = (props) => {
<p>{day.weather[0].main}</p> <p>{day.weather[0].main}</p>
{/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-morning.svg`} alt="weather icon" /> {/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-morning.svg`} alt="weather icon" />
<p>{day.temp.morn.toFixed(0)}&deg;F</p> */} <p>{day.temp.morn.toFixed(0)}&deg;F</p> */}
<img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-afternoon.svg`} alt="weather icon" /> {/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-afternoon.svg`} alt="weather icon" /> */}
{/* <p>{day.temp.day.toFixed(0)}&deg;F</p> {/* <p>{day.temp.day.toFixed(0)}&deg;F</p>
<img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-evening.svg`} alt="weather icon" /> */} <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-evening.svg`} alt="weather icon" /> */}
<p>{day.temp.eve.toFixed(0)}&deg;F</p> {/* <p>{day.temp.eve.toFixed(0)}&deg;F</p> */}
<img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-night.svg`} alt="weather icon" /> {/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-night-2.svg`} alt="weather icon" />
<p>{day.temp.night.toFixed(0)}&deg;F</p> <p>{day.temp.night.toFixed(0)}&deg;F</p> */}
<SvgNightTemp nightTemp={day.temp.night.toFixed(0)}/>
<SvgNightTemp nightTemp={day.temp.night.toFixed(0)}/>
</div> </div>
))} ))}
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment