♻️ refactor: reorganize windows and widgets in a modular way

plus, better code for bluetooth device pairing and connecting
2025-09-25 13:19:52 -03:00
parent 7f3e66cc71
commit ba83c673aa
37 changed files with 186 additions and 176 deletions
@@ -0,0 +1,44 @@
+import { Astal, Gtk } from "ags/gtk4";
+import { Tray } from "./widgets/Tray";
+import { Workspaces } from "./widgets/Workspaces";
+import { FocusedClient } from "./widgets/FocusedClient";
+import { Apps } from "./widgets/Apps";
+import { Clock } from "./widgets/Clock";
+import { Status } from "./widgets/Status";
+import { Media } from "./widgets/Media";
+
+
+export const Bar = (mon: number) => {
+    const widgetSpacing = 4;
+    return <Astal.Window namespace={"top-bar"} layer={Astal.Layer.TOP}
+      anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
+      exclusivity={Astal.Exclusivity.EXCLUSIVE} heightRequest={46} monitor={mon} 
+      canFocus={false}>
+
+        <Gtk.Box class={"bar-container"}>
+            <Gtk.CenterBox class={"bar-centerbox"} hexpand>
+                <Gtk.Box class={"widgets-left"} homogeneous={false}
+                  halign={Gtk.Align.START} spacing={widgetSpacing}
+                  $type="start">
+
+                    <Apps />
+                    <Workspaces />
+                    <FocusedClient />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-center"} homogeneous={false}
+                  spacing={widgetSpacing} halign={Gtk.Align.CENTER}
+                  $type="center">
+
+                    <Clock />
+                    <Media />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-right"} homogeneous={false}
+                  spacing={widgetSpacing} halign={Gtk.Align.END}
+                  $type="end">
+                    <Tray />
+                    <Status />
+                </Gtk.Box>
+            </Gtk.CenterBox>
+        </Gtk.Box>
+    </Astal.Window>
+}