From a504422ca8c07af7c5fdc1cd1062ecde4c3100c1 Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Thu, 6 Feb 2025 18:17:55 -0500
Subject: [PATCH] feat(ags): add message when shutting down, rebooting, etc.

---
 .../ags/config/widgets/powermenu/_index.scss  |  6 +-
 .../ags/config/widgets/powermenu/index.tsx    | 76 ++++++++++++-------
 2 files changed, 55 insertions(+), 27 deletions(-)

diff --git a/modules/ags/config/widgets/powermenu/_index.scss b/modules/ags/config/widgets/powermenu/_index.scss
index 27eeb5c8..110b11c1 100644
--- a/modules/ags/config/widgets/powermenu/_index.scss
+++ b/modules/ags/config/widgets/powermenu/_index.scss
@@ -2,14 +2,18 @@
 @use '../../style/colors';
 
 .powermenu {
-    font-size: 70px;
     padding: 10px;
 
     icon {
+        font-size: 70px;
         min-width: 130px;
         min-height: 130px;
     }
 
+    label {
+        font-size: 50px;
+    }
+
     button {
         margin: 5px 10px;
         transition: all ease .2s;
diff --git a/modules/ags/config/widgets/powermenu/index.tsx b/modules/ags/config/widgets/powermenu/index.tsx
index fd4a10a5..637c8571 100644
--- a/modules/ags/config/widgets/powermenu/index.tsx
+++ b/modules/ags/config/widgets/powermenu/index.tsx
@@ -1,38 +1,62 @@
 import { execAsync } from 'astal';
-import { Astal } from 'astal/gtk3';
+import { Astal, Gtk } from 'astal/gtk3';
 
 import { hyprMessage } from '../../lib';
 
 import PopupWindow from '../misc/popup-window';
 
 
-const PowermenuWidget = () => (
-    <centerbox className="powermenu widget">
-        <button
-            className="shutdown button"
-            cursor="pointer"
-            onButtonReleaseEvent={() => execAsync(['systemctl', 'poweroff']).catch(print)}
-        >
-            <icon icon="system-shutdown-symbolic" />
-        </button>
+const PowermenuWidget = () => {
+    const label = <label /> as Astal.Label;
 
-        <button
-            className="reboot button"
-            cursor="pointer"
-            onButtonReleaseEvent={() => execAsync(['systemctl', 'reboot']).catch(print)}
-        >
-            <icon icon="system-restart-symbolic" />
-        </button>
+    return (
+        <centerbox className="powermenu widget">
+            <stack transitionType={Gtk.StackTransitionType.SLIDE_DOWN}>
+                <box name="buttons">
+                    <button
+                        className="shutdown button"
+                        cursor="pointer"
+                        onButtonReleaseEvent={(self) => {
+                            label.set_label('Shutting down...');
+                            (self.get_parent()?.get_parent() as Astal.Stack).set_shown('message');
+                            execAsync(['systemctl', 'poweroff']).catch(print);
+                        }}
+                    >
+                        <icon icon="system-shutdown-symbolic" />
+                    </button>
 
-        <button
-            className="logout button"
-            cursor="pointer"
-            onButtonReleaseEvent={() => hyprMessage('dispatch exit').catch(print)}
-        >
-            <icon icon="system-log-out-symbolic" />
-        </button>
-    </centerbox>
-);
+                    <button
+                        className="reboot button"
+                        cursor="pointer"
+                        onButtonReleaseEvent={(self) => {
+                            label.set_label('Rebooting...');
+                            (self.get_parent()?.get_parent() as Astal.Stack).set_shown('message');
+                            execAsync(['systemctl', 'reboot']).catch(print);
+                        }}
+                    >
+                        <icon icon="system-restart-symbolic" />
+                    </button>
+
+                    <button
+                        className="logout button"
+                        cursor="pointer"
+                        onButtonReleaseEvent={(self) => {
+                            label.set_label('Logging out...');
+                            (self.get_parent()?.get_parent() as Astal.Stack).set_shown('message');
+                            hyprMessage('dispatch exit').catch(print);
+                        }}
+                    >
+                        <icon icon="system-log-out-symbolic" />
+                    </button>
+                </box>
+
+                <box name="message" hexpand={false} halign={Gtk.Align.CENTER}>
+                    {label}
+                </box>
+            </stack>
+        </centerbox>
+    );
+};
 
 export default () => (
     <PopupWindow