mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-22 00:07:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: wind direction display on weather

Browse Source
This commit is contained in:
David Ralph
2021-04-26 19:10:00 +01:00
parent 57cc5de60a
commit 38546ef074
3 changed files with 37 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/widgets/weather/WindDirectionIcon.jsx Normal file
View File

@@ -0,0 +1,27 @@
import React from 'react';
import { WiDirectionDownLeft, WiDirectionDownRight, WiDirectionDown, WiDirectionLeft, WiDirectionRight, WiDirectionUpLeft, WiDirectionUpRight, WiDirectionUp } from 'weather-icons-react';
import './weather.scss';
export default function WeatherIcon(props) {
let icon;
const getDirection = (angle) => {
const directions = ['North', 'North-West', 'West', 'South-West', 'South', 'South-East', 'East', 'North-East'];
return directions[Math.round(((angle %= 360) < 0 ? angle + 360 : angle) / 45) % 8];
}
switch (getDirection(props.degrees)) {
case 'North': icon = <WiDirectionUp/>; break;
case 'North-West': icon = <WiDirectionUpLeft/>; break;
case 'West': icon = <WiDirectionLeft/>; break;
case 'South-West': icon = <WiDirectionDownLeft/>; break;
case 'South': icon = <WiDirectionDown/>; break;
case 'South-East': icon = <WiDirectionDownRight/>; break;
case 'East': icon = <WiDirectionRight/>; break;
case 'North-East': icon = <WiDirectionUpRight/>; break;
default: icon = null; break;
}
return icon;
}