feat: working weather and remove tray icons

src/components/Waybar/Widgets/WaybarTrayWidget.tsx

@@ -1,5 +0,0 @@
-import { WaybarWidget } from "../WaybarWidget";
-
-export const WaybarTrayWidget = () => (
-  <WaybarWidget className="pl-3 pr-[0.625rem]">X</WaybarWidget>
-);

src/components/Waybar/Widgets/WaybarWeatherWidget.tsx

@@ -1,5 +1,22 @@
+import { useEffect, useState } from "react";
 import { WaybarWidget } from "../WaybarWidget";
 
-export const WaybarWeatherWidget = () => (
-  <WaybarWidget className="px-[0.625rem]">🌧️ 27°</WaybarWidget>
-);
+export const WaybarWeatherWidget = () => {
+  const [temperature, setTemperature] = useState<string>("??");
+
+  useEffect(() => {
+    fetch("https://wttr.in/Brest?format=j1")
+      .then((response) => response.json())
+      .then((data) =>
+        setTemperature(data.current_condition[0].temp_C as string),
+      );
+  }, []);
+
+  const hours = new Date().getHours();
+
+  return (
+    <WaybarWidget className="px-[0.625rem]">
+      {hours > 22 || hours < 7 ? "🌙" : "☀️"} {temperature}°
+    </WaybarWidget>
+  );
+};

src/components/Waybar/index.tsx

@@ -13,7 +13,6 @@ import { WaybarMicrophoneWidget } from "./Widgets/WaybarMicrophoneWidget";
 import { WaybarLockWidget } from "./Widgets/WaybarLockWidget";
 import { WaybarTimeWidget } from "./Widgets/WaybarTimeWidget";
 import { WaybarPowerWidget } from "./Widgets/WaybarPowerWidget";
-import { WaybarTrayWidget } from "./Widgets/WaybarTrayWidget";
 import { WaybarToggleThemeWidget } from "./Widgets/WaybarToggleThemeWidget";
 import { WaybarWeatherWidget } from "./Widgets/WaybarWeatherWidget";
 import { cn, hideIf } from "~/utils/react";
@@ -78,7 +77,6 @@ export const Waybar = () => {
         </WaybarWidgetGroup>
 
         <WaybarWidgetGroup className={cn(hideIf(screenWidth < 475))}>
-          <WaybarTrayWidget />
           <WaybarWeatherWidget />
           <WaybarToggleThemeWidget />
         </WaybarWidgetGroup>