♻️ ags(ask-popup, entry-popup): port to custom-dialog for cleaner code

ags/widget/AskPopup.ts

@@ -1,9 +1,7 @@
 import { Binding } from "astal";
-import { PopupWindow, PopupWindowProps } from "./PopupWindow";
-import { Astal, Gtk, Widget } from "astal/gtk3";
-import { Separator } from "./Separator";
+import { Widget } from "astal/gtk3";
 import { tr } from "../i18n/intl";
-import { Windows } from "../windows";
+import { CustomDialog, CustomDialogProps } from "./CustomDialog";
 
 
 export type AskPopupProps = {
@@ -25,65 +23,24 @@ export type AskPopupProps = {
 export function AskPopup(props: AskPopupProps): Widget.Window {
     let accepted: boolean = false;
 
-    const buttons = [
-        new Widget.Button({
-            className: "cancel",
-            hexpand: true,
-            label: props.cancelText ?? tr("cancel"),
-            onClick: () => window.close(),
-        } as Widget.ButtonProps),
-        new Widget.Button({
-            className: "accept",
-            hexpand: true,
-            label: props.acceptText ?? tr("accept"),
-            onClick: () => {
-                window.close();
-                accepted = true;
-                props.onAccept?.();
-            }
-        } as Widget.ButtonProps)
-    ];
-
-    const window = Windows.createWindowForFocusedMonitor((mon: number) => PopupWindow({
+    const window = CustomDialog({
         namespace: "ask-popup",
-        className: "ask-popup",
-        monitor: mon,
-        cssBackgroundWindow: "background: rgba(0, 0, 0, .3);",
-        exclusivity: Astal.Exclusivity.IGNORE,
-        layer: Astal.Layer.OVERLAY,
         widthRequest: 400,
-        heightRequest: 220,
-        onDestroy: () => !accepted && props.onCancel?.(),
-        child: new Widget.Box({
-            className: "ask-popup-box",
-            orientation: Gtk.Orientation.VERTICAL,
-            children: [
-                new Widget.Label({
-                    className: "title",
-                    visible: Boolean(props.title),
-                    label: props.title || tr("ask_popup.title") || "Question"
-                } as Widget.LabelProps),
-                Separator({
-                    alpha: .2,
-                    orientation: Gtk.Orientation.VERTICAL
-                }),
-                new Widget.Label({
-                    className: "text",
-                    label: props.text,
-                    yalign: 0,
-                    expand: true
-                } as Widget.LabelProps),
-                new Widget.Box({
-                    className: "buttons",
-                    orientation: Gtk.Orientation.HORIZONTAL,
-                    hexpand: true,
-                    heightRequest: 38,
-                    homogeneous: true,
-                    children: buttons
-                } as Widget.BoxProps)
-            ]
-        } as Widget.BoxProps)
-    } as PopupWindowProps))();
+        heightRequest: 250,
+        title: props.title ?? tr("ask_popup.title"),
+        text: props.text,
+        onFinish: () => !accepted && props.onCancel?.(),
+        options: [
+            { text: props.cancelText ?? tr("cancel") },
+            {
+                text: props.acceptText ?? tr("accept"),
+                onClick: () => {
+                    accepted = true;
+                    props.onAccept?.();
+                }
+            }
+        ]
+    } as CustomDialogProps);
 
     return window;
 }