dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-10 15:28:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Added OpenWeatherMap widget.

Browse source
This commit is contained in:
AlexFullmoon 2022-08-27 13:30:17 +03:00
parent f0f470ba8b
commit 6a97d392c9
6 changed files with 482 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

413
src/utils/owm-condition-map.js Normal file
View file

@ -0,0 +1,413 @@
import * as Icons from "react-icons/wi";
const conditions = [
{
code: 200,
icon: {
day: Icons.WiDayStormShowers,
night: Icons.WiNightAltStormShowers,
},
},
{
code: 201,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 202,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 210,
icon: {
day: Icons.WiDayStormShowers,
night: Icons.WiNightAltStormShowers,
},
},
{
code: 211,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 212,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 221,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 230,
icon: {
day: Icons.WiDayStormShowers,
night: Icons.WiNightAltStormShowers,
},
},
{
code: 231,
icon: {
day: Icons.WiDayStormShowers,
night: Icons.WiNightAltStormShowers,
},
},
{
code: 232,
icon: {
day: Icons.WiDayThunderstorm,
night: Icons.WiNightAltThunderstorm,
},
},
{
code: 300,
icon: {
day: Icons.WiDaySprinkle,
night: Icons.WiNightAltSprinkle,
},
},
{
code: 301,
icon: {
day: Icons.WiDaySprinkle,
night: Icons.WiNightAltSprinkle,
},
},
{
code: 302,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 310,
icon: {
day: Icons.WiDaySprinkle,
night: Icons.WiNightAltSprinkle,
},
},
{
code: 311,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 312,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 313,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 314,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 321,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 500,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 501,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 502,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 503,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 504,
icon: {
day: Icons.WiDayRain,
night: Icons.WiNightAltRain,
},
},
{
code: 511,
icon: {
day: Icons.WiDaySleet,
night: Icons.WiNightAltSleet,
},
},
{
code: 520,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 521,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 522,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 531,
icon: {
day: Icons.WiDayShowers,
night: Icons.WiNightAltShowers,
},
},
{
code: 600,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 601,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 602,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 611,
icon: {
day: Icons.WiDaySleet,
night: Icons.WiNightAltSleet,
},
},
{
code: 612,
icon: {
day: Icons.WiDaySleet,
night: Icons.WiNightAltSleet,
},
},
{
code: 613,
icon: {
day: Icons.WiDaySleet,
night: Icons.WiNightAltSleet,
},
},
{
code: 615,
icon: {
day: Icons.WiDayRainMix,
night: Icons.WiNightAltRainMix,
},
},
{
code: 616,
icon: {
day: Icons.WiDayRainMix,
night: Icons.WiNightAltRainMix,
},
},
{
code: 620,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 621,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 622,
icon: {
day: Icons.WiDaySnow,
night: Icons.WiNightAltSnow,
},
},
{
code: 701,
icon: {
day: Icons.WiDayFog,
night: Icons.WiNightFog,
},
},
{
code: 711,
icon: {
day: Icons.WiSmoke,
night: Icons.WiSmoke,
},
},
{
code: 721,
icon: {
day: Icons.WiDayHaze,
night: Icons.WiWindy,
},
},
{
code: 731,
icon: {
day: Icons.WiDust,
night: Icons.WiDust,
},
},
{
code: 741,
icon: {
day: Icons.WiDayFog,
night: Icons.WiNightFog,
},
},
{
code: 751,
icon: {
day: Icons.WiDust,
night: Icons.WiDust,
},
},
{
code: 761,
icon: {
day: Icons.WiSandstorm,
night: Icons.WiSandstorm,
},
},
{
code: 762,
icon: {
day: Icons.WiDust,
night: Icons.WiDust,
},
},
{
code: 771,
icon: {
day: Icons.WiStrongWind,
night: Icons.WiStrongWind,
},
},
{
code: 781,
icon: {
day: Icons.WiTornado,
night: Icons.WiTornado,
},
},
{
code: 800,
icon: {
day: Icons.WiDaySunny,
night: Icons.WiNightClear,
},
},
{
code: 801,
icon: {
day: Icons.WiDayCloudy,
night: Icons.WiNightAltCloudy,
},
},
{
code: 802,
icon: {
day: Icons.WiDayCloudy,
night: Icons.WiNightAltCloudy,
},
},
{
code: 803,
icon: {
day: Icons.WiDayCloudy,
night: Icons.WiNightAltCloudy,
},
},
{
code: 804,
icon: {
day: Icons.WiCloudy,
night: Icons.WiCloudy,
},
},
];
export default function mapIcon(weatherStatusCode, timeOfDay) {
const mapping = conditions.find(
(condition) => condition.code === weatherStatusCode
);
if (mapping) {
if (timeOfDay === "day") {
return mapping.icon.day;
} else if (timeOfDay === "night") {
return mapping.icon.night;
}
}
return Icons.WiDaySunny;
}