Files
mue/src/components/widgets/weather/WeatherIcon.jsx
2022-04-07 10:25:01 +01:00

37 lines
1.0 KiB
JavaScript

import {
WiDaySunny,
WiNightClear,
WiDayCloudy,
WiNightCloudy,
WiCloud,
WiCloudy,
WiDayShowers,
WiNightShowers,
WiRain,
WiThunderstorm,
WiSnow,
WiFog,
} from 'react-icons/wi';
export default function WeatherIcon({ name }) {
let icon;
// name is the openweathermap icon name, see https://openweathermap.org/weather-conditions
switch (name) {
case '01d': icon = <WiDaySunny/>; break;
case '01n': icon = <WiNightClear/>; break;
case '02d': icon = <WiDayCloudy/>; break;
case '02n': icon = <WiNightCloudy/>; break;
case '03d': case '03n': icon = <WiCloud/>; break;
case '04d': case '04n': icon = <WiCloudy/>; break;
case '09d': icon = <WiDayShowers/>; break;
case '09n': icon = <WiNightShowers/>; break;
case '10d': case '10n': icon = <WiRain/>; break;
case '11d': case '11n': icon = <WiThunderstorm/>; break;
case '13d': case '13n': icon = <WiSnow/>; break;
case '50d': case '50n': icon = <WiFog/>; break;
default: icon = null; break;
}
return icon;
}