kasperj/turftracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

weather icons

Browse Source
This commit is contained in:
Jake Kasper
2025-09-02 08:49:34 -05:00
parent 6a3b1861bf
commit d90403c8f9
2 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/pages/Weather/Weather.js
View File

@@ -72,7 +72,12 @@ const Weather = () => {
<div className="text-sm text-gray-600">No coordinates set</div>
) : weatherMap[p.id]?.weather ? (
<div className="flex items-center">
<img alt="" width="50" height="50" src={`https://openweathermap.org/img/wn/${weatherMap[p.id].weather.current.icon}@2x.png`} />
<img
alt=""
width="50"
height="50"
src={`${(process.env.REACT_APP_API_URL || '')}/weather/icon/${weatherMap[p.id].weather.current.icon}?size=2x`}
/>
<div className="ml-3">
<div className="text-xl font-bold">{weatherMap[p.id].weather.current.temperature}°F</div>
<div className="text-sm text-gray-700">{weatherMap[p.id].weather.current.conditions}</div>
@@ -93,7 +98,13 @@ const Weather = () => {
<div className="font-medium">
{new Date(d.date).toLocaleDateString(undefined, { weekday: 'short' })}
</div>
<img alt="" className="mx-auto" width="40" height="40" src={`https://openweathermap.org/img/wn/${d.icon}@2x.png`} />
<img
alt=""
className="mx-auto"
width="40"
height="40"
src={`${(process.env.REACT_APP_API_URL || '')}/weather/icon/${d.icon}?size=2x`}
/>
<div>{d.temperatureHigh}° / {d.temperatureLow}°</div>
</div>
))}