34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import { execAsync } from "astal";
|
|
import { Astal, Gtk } from "astal/gtk3";
|
|
import PopupWindow from "../widgets/popupwindow";
|
|
|
|
const Item = ({ icon, label, cmd }: { icon: string; label: string; cmd: string }) => (
|
|
<box vertical className="item">
|
|
<button cursor="pointer" onClicked={() => execAsync(cmd).catch(console.error)}>
|
|
<label className="icon" label={icon} />
|
|
</button>
|
|
<label className="label" label={label} />
|
|
</box>
|
|
);
|
|
|
|
export default () => (
|
|
<PopupWindow
|
|
className="session"
|
|
name="session"
|
|
anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.BOTTOM | Astal.WindowAnchor.RIGHT}
|
|
keymode={Astal.Keymode.EXCLUSIVE}
|
|
layer={Astal.Layer.OVERLAY}
|
|
borderWidth={0} // Don't need border width cause takes up entire screen
|
|
>
|
|
<box vertical halign={Gtk.Align.CENTER} valign={Gtk.Align.CENTER} className="inner">
|
|
<box>
|
|
<Item icon="logout" label="Logout" cmd="uwsm stop" />
|
|
<Item icon="cached" label="Reboot" cmd="systemctl reboot" />
|
|
</box>
|
|
<box>
|
|
<Item icon="downloading" label="Hibernate" cmd="systemctl hibernate" />
|
|
<Item icon="power_settings_new" label="Shutdown" cmd="systemctl poweroff" />
|
|
</box>
|
|
</box>
|
|
</PopupWindow>
|
|
);
|