mirror of
https://github.com/mue/mue.git
synced 2026-07-10 14:04:32 +02:00
24 lines
1.1 KiB
JavaScript
24 lines
1.1 KiB
JavaScript
import { WiDirectionDownLeft, WiDirectionDownRight, WiDirectionDown, WiDirectionLeft, WiDirectionRight, WiDirectionUpLeft, WiDirectionUpRight, WiDirectionUp } from 'weather-icons-react';
|
|
|
|
// degrees is imported because of a potential bug, idk what causes it but now it is fixed
|
|
export default function WindDirectionIcon({ degrees }) {
|
|
let icon;
|
|
|
|
// convert the number openweathermap gives us to closest direction or something
|
|
const directions = ['North', 'North-West', 'West', 'South-West', 'South', 'South-East', 'East', 'North-East'];
|
|
const direction = directions[Math.round(((degrees %= 360) < 0 ? degrees + 360 : degrees) / 45) % 8];
|
|
|
|
switch (direction) {
|
|
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;
|
|
} |