fix: only show workspaces on monitors they belong to

astal/bun.lock

@@ -0,0 +1,14 @@
+{
+  "lockfileVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "astal-shell",
+      "dependencies": {
+        "astal": "/nix/store/pvb3x021mr6xknm91gqq76gy32n96vj0-astal-gjs/share/astal/gjs",
+      },
+    },
+  },
+  "packages": {
+    "astal": ["astal@file:../../../../nix/store/pvb3x021mr6xknm91gqq76gy32n96vj0-astal-gjs/share/astal/gjs", {}],
+  }
+}

astal/widget/Bar.tsx

@@ -7,23 +7,23 @@ import GTop from "gi://GTop"
 import { calc_cpu_usage, get_cpu_snapshot, get_disk_space, get_ram_info } from "./cpu"
 import AstalBattery from "gi://AstalBattery"
 
-const time = Variable("").poll(1000, "date")
+function Workspaces({ monitor }: { monitor: Gdk.Monitor }) {
-
-function Workspaces() {
   const hypr = Hyprland.get_default()
 
   return <box className="workspaces">
     {bind(hypr, "workspaces").as(wss => wss.filter(ws => !(ws.id >= -99 && ws.id <= -2))
       .sort((a, b) => a.id - b.id)
-      .map(ws => (
+      .map(ws => {
-        //@ts-ignore
+        if (ws.monitor.model !== monitor.model) return <></>
+        return (
           <button
             className={bind(hypr, "focusedWorkspace").as(fw =>
               ws === fw ? "focused" : "")}
             onClicked={() => ws.focus()}>
             {ws.id}
           </button>
-      )))}
+        )
+      }))}
   </box>
 }
 
@@ -145,7 +145,7 @@ export default function Bar(gdkmonitor: Gdk.Monitor) {
         <box className="nix-icon">
           <icon icon="nixos-3" />
         </box>
-        <Workspaces />
+        <Workspaces monitor={gdkmonitor} />
       </box>
       <box></box>
       <box hexpand halign={Gtk.Align.END}>