From ec272b9afc327330f13e7836f316ced3f7ee1c7a Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Wed, 11 Sep 2024 18:11:25 +0200
Subject: [PATCH] feat: working weather and remove tray icons

---
 .../Waybar/Widgets/WaybarTrayWidget.tsx       |  5 ----
 .../Waybar/Widgets/WaybarWeatherWidget.tsx    | 23 ++++++++++++++++---
 src/components/Waybar/index.tsx               |  2 --
 todo.txt                                      |  3 +--
 4 files changed, 21 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/Waybar/Widgets/WaybarTrayWidget.tsx

diff --git a/src/components/Waybar/Widgets/WaybarTrayWidget.tsx b/src/components/Waybar/Widgets/WaybarTrayWidget.tsx
deleted file mode 100644
index 2b47af7..0000000
--- a/src/components/Waybar/Widgets/WaybarTrayWidget.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { WaybarWidget } from "../WaybarWidget";
-
-export const WaybarTrayWidget = () => (
-  <WaybarWidget className="pl-3 pr-[0.625rem]">X</WaybarWidget>
-);
diff --git a/src/components/Waybar/Widgets/WaybarWeatherWidget.tsx b/src/components/Waybar/Widgets/WaybarWeatherWidget.tsx
index 51b8484..37bc1b2 100644
--- a/src/components/Waybar/Widgets/WaybarWeatherWidget.tsx
+++ b/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>
+  );
+};
diff --git a/src/components/Waybar/index.tsx b/src/components/Waybar/index.tsx
index 184334c..908baba 100644
--- a/src/components/Waybar/index.tsx
+++ b/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>
diff --git a/todo.txt b/todo.txt
index e52e76d..8a05583 100644
--- a/todo.txt
+++ b/todo.txt
@@ -1,3 +1,2 @@
-- move brightness, volume etc to single state
-- save user state to local storage
 - change title based on focused kitty
+- fetch currently playing song