mirror of https://github.com/mue/mue.git
70 lines
1.2 KiB
JavaScript
70 lines
1.2 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;
|
|
}
|