refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/bar/PanelButton.js

@@ -0,0 +1,34 @@
+/**
+ * @typedef {Object} PanelButtonProps
+ * @property {import('types/widgets/button').ButtonProps['child']} content
+ * @property {string=} window
+ */
+
+/**
+ * @param {import('types/widgets/button').ButtonProps & PanelButtonProps} o
+ */
+export default ({ class_name, content, window = "", setup, ...rest }) =>
+  Widget.Button({
+    class_name: `panel-button ${class_name}`,
+    child: Widget.Box({ children: [content] }),
+    setup: (self) => {
+      let open = false;
+
+      self.hook(App, (_, win, visible) => {
+        if (win !== window) return;
+
+        if (open && !visible) {
+          open = false;
+          self.toggleClassName("active", false);
+        }
+
+        if (visible) {
+          open = true;
+          self.toggleClassName("active");
+        }
+      });
+
+      if (setup) setup(self);
+    },
+    ...rest,
+  });