25 lines
917 B
TypeScript
25 lines
917 B
TypeScript
import { App, Astal, Gtk, Gdk } from "astal/gtk4";
|
|
import { Variable } from "astal";
|
|
|
|
const time = Variable("").poll(1000, "date");
|
|
|
|
export default function Bar(gdkmonitor: Gdk.Monitor) {
|
|
const { TOP, LEFT, RIGHT } = Astal.WindowAnchor;
|
|
|
|
return (
|
|
<window visible cssClasses={["Bar"]} gdkmonitor={gdkmonitor} exclusivity={Astal.Exclusivity.EXCLUSIVE} anchor={TOP | LEFT | RIGHT} application={App}>
|
|
<centerbox cssName="centerbox">
|
|
<button onClicked="echo hello" hexpand halign={Gtk.Align.CENTER}>
|
|
Welcome to AGS!
|
|
</button>
|
|
<box />
|
|
<menubutton hexpand halign={Gtk.Align.CENTER}>
|
|
<label label={time()} />
|
|
<popover>
|
|
<Gtk.Calendar />
|
|
</popover>
|
|
</menubutton>
|
|
</centerbox>
|
|
</window>
|
|
);
|
|
}
|