From 7cde32f05008c9d61ec32d084619c44a4d21288c Mon Sep 17 00:00:00 2001 From: francoisdillinger <elmojester@gmail.com> Date: Mon, 17 Apr 2023 05:43:55 -0500 Subject: [PATCH] using night temp component --- frontend/src/forecastCollection.js | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/frontend/src/forecastCollection.js b/frontend/src/forecastCollection.js index 4ddf856..5ce2522 100644 --- a/frontend/src/forecastCollection.js +++ b/frontend/src/forecastCollection.js @@ -1,5 +1,6 @@ import * as React from "react"; import { useState, useEffect} from 'react'; +import SvgNightTemp from './svgNightTemp'; const ForecastCollection = (props) => { const [forecast, setForecast] = useState(null); @@ -35,12 +36,15 @@ const ForecastCollection = (props) => { <p>{day.weather[0].main}</p> {/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-morning.svg`} alt="weather icon" /> <p>{day.temp.morn.toFixed(0)}°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)}°F</p> <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-evening.svg`} alt="weather icon" /> */} - <p>{day.temp.eve.toFixed(0)}°F</p> - <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-night.svg`} alt="weather icon" /> - <p>{day.temp.night.toFixed(0)}°F</p> + {/* <p>{day.temp.eve.toFixed(0)}°F</p> */} + {/* <img src={`${process.env.PUBLIC_URL}/weatherIconsFill/time-night-2.svg`} alt="weather icon" /> + <p>{day.temp.night.toFixed(0)}°F</p> */} + <SvgNightTemp nightTemp={day.temp.night.toFixed(0)}/> + <SvgNightTemp nightTemp={day.temp.night.toFixed(0)}/> + </div> ))} </div> -- GitLab