Add timestamp to notifications and add styling to menu button

modules/bar/index.js

@@ -27,7 +27,7 @@ const Left = (monitor, wsMap) => {
     class_name: "box-left",
     hpack: "start",
     spacing: 5,
-    children: [Menu(), BarItemBox(Workspaces(monitor, wsMap, 10)), BarItemBox(ClientTitle())],
+    children: [BarItemBox(Menu()), BarItemBox(Workspaces(monitor, wsMap, 10)), BarItemBox(ClientTitle())],
   });
 };
 
@@ -64,7 +64,7 @@ const LeftAlt = (monitor, wsMap) => {
     class_name: "box-left",
     hpack: "start",
     spacing: 5,
-    children: [Menu(), BarItemBox(Workspaces(monitor, wsMap)), BarItemBox(ClientTitle())],
+    children: [BarItemBox(Menu()), BarItemBox(Workspaces(monitor, wsMap)), BarItemBox(ClientTitle())],
   });
 };
 
@@ -74,7 +74,6 @@ const CenterAlt = () => {
     spacing: 5,
     children: [
       BarItemBox(Media()),
-      // BarItemBox(Notification())
     ],
   });
 };

modules/bar/menu/index.js

@@ -1,13 +1,18 @@
 import { exec } from "resource:///com/github/Aylur/ags/utils.js";
 
-export const Menu = () => {
-  return Widget.Box({
-    child: Widget.Button({
-      on_primary_click: () => exec('/home/jaskir/.config/hypr/scripts/rofi.sh'),
+const Menu = () => {
+  return {
+    component: Widget.Box({
       child: Widget.Label({
         class_name: "bar-menu_label",
         label: "󰣇",
       }),
     }),
-  });
+    isVisible: true,
+    props: {
+      on_primary_click: () => exec("/home/jaskir/.config/hypr/scripts/rofi.sh"),
+    },
+  };
 };
+
+export { Menu };