From e6a80c2e7b21a383827f328ec8680a8fbac05181 Mon Sep 17 00:00:00 2001
From: Xyntho <krishnab0406@gmail.com>
Date: Wed, 15 Jan 2025 04:46:23 +0530
Subject: [PATCH] feat: set background material on select menu change (remove
 restart requirement)

---
 src/VencordNative.ts                          |  1 +
 src/components/VencordSettings/VencordTab.tsx | 10 ++++++++--
 src/main/ipcMain.ts                           |  5 +++++
 src/shared/IpcEvents.ts                       |  1 +
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/VencordNative.ts b/src/VencordNative.ts
index 42e697452..7cda5d013 100644
--- a/src/VencordNative.ts
+++ b/src/VencordNative.ts
@@ -50,6 +50,7 @@ export default {
         get: () => sendSync<Settings>(IpcEvents.GET_SETTINGS),
         set: (settings: Settings, pathToNotify?: string) => invoke<void>(IpcEvents.SET_SETTINGS, settings, pathToNotify),
         getSettingsDir: () => invoke<string>(IpcEvents.GET_SETTINGS_DIR),
+        setBackgroundMaterial: (backgroundMaterial: Settings["winBackgroundMaterial"]) => invoke<void>(IpcEvents.SET_BACKGROUND_MATERIAL, backgroundMaterial)
     },
 
     quickCss: {
diff --git a/src/components/VencordSettings/VencordTab.tsx b/src/components/VencordSettings/VencordTab.tsx
index 269b04c2d..751e8f8f2 100644
--- a/src/components/VencordSettings/VencordTab.tsx
+++ b/src/components/VencordSettings/VencordTab.tsx
@@ -246,7 +246,7 @@ function VencordSettings() {
             </>}
 
             {needsBackgroundMaterial && <>
-                <Forms.FormTitle tag="h5">Window Background Material (requires restart)</Forms.FormTitle>
+                <Forms.FormTitle tag="h5">Window Background Material</Forms.FormTitle>
                 <Select
                     className={Margins.bottom20}
                     placeholder="Window Background Material"
@@ -277,7 +277,13 @@ function VencordSettings() {
                             value: "acrylic"
                         },
                     ]}
-                    select={v => settings.winBackgroundMaterial = v}
+                    select={
+                        v => {
+                            settings.winBackgroundMaterial = v;
+                            // IPC call to set background material in real time
+                            VencordNative.settings.setBackgroundMaterial(v);
+                        }
+                    }
                     isSelected={v => settings.winBackgroundMaterial === v}
                     serialize={identity} />
             </>}
diff --git a/src/main/ipcMain.ts b/src/main/ipcMain.ts
index 62785867e..473c02e07 100644
--- a/src/main/ipcMain.ts
+++ b/src/main/ipcMain.ts
@@ -99,6 +99,11 @@ ipcMain.handle(IpcEvents.GET_THEME_SYSTEM_VALUES, () => ({
 
 
 export function initIpc(mainWindow: BrowserWindow) {
+    // we need this handler in scope of mainWindow so we can call setBackgroundMaterial
+    ipcMain.handle(IpcEvents.SET_BACKGROUND_MATERIAL, (_, backgroundMaterial) => {
+        mainWindow.setBackgroundMaterial(backgroundMaterial);
+    });
+
     let quickCssWatcher: FSWatcher | undefined;
 
     open(QUICKCSS_PATH, "a+").then(fd => {
diff --git a/src/shared/IpcEvents.ts b/src/shared/IpcEvents.ts
index 2027df9cf..54b55853a 100644
--- a/src/shared/IpcEvents.ts
+++ b/src/shared/IpcEvents.ts
@@ -30,6 +30,7 @@ export const enum IpcEvents {
     GET_SETTINGS_DIR = "VencordGetSettingsDir",
     GET_SETTINGS = "VencordGetSettings",
     SET_SETTINGS = "VencordSetSettings",
+    SET_BACKGROUND_MATERIAL = "setBackgroundMaterial",
     OPEN_EXTERNAL = "VencordOpenExternal",
     OPEN_QUICKCSS = "VencordOpenQuickCss",
     GET_UPDATES = "VencordGetUpdates",