From 70936fabff0a2786f5090849d86276ef703f9c75 Mon Sep 17 00:00:00 2001
From: tux <t@tux.rs>
Date: Mon, 9 Jun 2025 05:08:26 +0530
Subject: [PATCH] feat: add network widget

---
 flake.nix               |  2 ++
 widgets/bar/index.tsx   |  2 ++
 widgets/bar/network.tsx | 21 +++++++++++++++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 widgets/bar/network.tsx

diff --git a/flake.nix b/flake.nix
index b6e0932..faade81 100644
--- a/flake.nix
+++ b/flake.nix
@@ -34,6 +34,7 @@
           apps
           battery
           tray
+          network
         ];
       };
 
@@ -53,6 +54,7 @@
               apps
               battery
               tray
+              network
             ];
           })
         ];
diff --git a/widgets/bar/index.tsx b/widgets/bar/index.tsx
index 5d337b9..58454de 100644
--- a/widgets/bar/index.tsx
+++ b/widgets/bar/index.tsx
@@ -3,6 +3,7 @@ import { FocusedClient, WorkspaceButton } from "./workspace";
 import { Battery } from "./battery";
 import { Tailscale } from "./tailscale";
 import { Time } from "./time";
+import { Network } from "./network";
 
 export const WINDOW_NAME = "bar";
 
@@ -43,6 +44,7 @@ const Center = () => {
 const End = () => {
   return (
     <box spacing={10}>
+      <Network />
       <Tailscale />
       <Battery />
       <Time />
diff --git a/widgets/bar/network.tsx b/widgets/bar/network.tsx
new file mode 100644
index 0000000..51494d3
--- /dev/null
+++ b/widgets/bar/network.tsx
@@ -0,0 +1,21 @@
+import { bind } from "astal";
+import AstalNetwork from "gi://AstalNetwork";
+
+export const Network = () => {
+  const network = AstalNetwork.get_default();
+  const wifi = bind(network, "wifi");
+
+  return (
+    <box cssClasses={["pill"]} visible={wifi.as(Boolean)}>
+      {wifi.as(
+        (wifi) =>
+          wifi && (
+            <box spacing={10}>
+              <image iconName={bind(wifi, "iconName")} />
+              <label label={bind(wifi, "ssid")} />
+            </box>
+          ),
+      )}
+    </box>
+  );
+};