mirror of
https://github.com/mue/mue.git
synced 2026-07-13 04:02:32 +02:00
25 lines
1.0 KiB
JavaScript
25 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import { WiDaySunny, WiNightClear, WiDayCloudy, WiNightCloudy, WiCloud, WiCloudy, WiDayShowers, WiNightShowers, WiRain, WiThunderstorm, WiSnow, WiFog } from 'weather-icons-react';
|
|
|
|
export default function WeatherIcon(props) {
|
|
let icon;
|
|
|
|
// props.name is the openweathermap icon name, see https://openweathermap.org/weather-conditions
|
|
switch (props.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;
|
|
} |