From d0da03943523cbb6fdaecefdeb6eb90df9fe5a27 Mon Sep 17 00:00:00 2001
From: tux <t@tux.rs>
Date: Fri, 26 Sep 2025 03:54:52 +0530
Subject: [PATCH] feat(control-center): integrate actions with app toggle

---
 widgets/control-center/header.tsx | 13 ++++++++++---
 widgets/control-center/index.tsx  |  1 -
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/widgets/control-center/header.tsx b/widgets/control-center/header.tsx
index 7bcdef4..401722d 100644
--- a/widgets/control-center/header.tsx
+++ b/widgets/control-center/header.tsx
@@ -2,6 +2,8 @@ import { Gdk, Gtk } from "ags/gtk4";
 import { execAsync } from "ags/process";
 import { createPoll } from "ags/time";
 import GLib from "gi://GLib";
+import { WINDOW_NAME } from ".";
+import app from "ags/gtk4/app";
 
 export const Header = () => {
   const { VERTICAL } = Gtk.Orientation;
@@ -13,6 +15,11 @@ export const Header = () => {
     () => GLib.DateTime.new_now_local().format("%a %b %d - %I:%M:%S %p")!,
   );
 
+  const handleExec = (cmd: string) => {
+    app.toggle_window(WINDOW_NAME);
+    execAsync(cmd);
+  };
+
   return (
     <box cssClasses={["header"]}>
       <image
@@ -37,21 +44,21 @@ export const Header = () => {
         <box spacing={10} homogeneous>
           <button
             cursor={Gdk.Cursor.new_from_name("pointer", null)}
-            onClicked={() => execAsync("flameshot launcher")}
+            onClicked={() => handleExec("flameshot launcher")}
           >
             <image iconName="fa-screenshot-symbolic" />
           </button>
 
           <button
             cursor={Gdk.Cursor.new_from_name("pointer", null)}
-            onClicked={() => execAsync("hyprlock")}
+            onClicked={() => handleExec("hyprlock")}
           >
             <image iconName="fa-lock-symbolic" />
           </button>
 
           <button
             cursor={Gdk.Cursor.new_from_name("pointer", null)}
-            onClicked={() => execAsync("poweroff")}
+            onClicked={() => handleExec("poweroff")}
           >
             <image iconName="fa-power-symbolic" />
           </button>
diff --git a/widgets/control-center/index.tsx b/widgets/control-center/index.tsx
index 824c49e..510ccde 100644
--- a/widgets/control-center/index.tsx
+++ b/widgets/control-center/index.tsx
@@ -15,7 +15,6 @@ export const ControlCenter = (gdkmonitor: Gdk.Monitor) => {
   return (
     <window
       name={WINDOW_NAME}
-      visible
       cssClasses={["control-center"]}
       gdkmonitor={gdkmonitor}
       application={app}