From 5a22efa069f32e7c60cb086ca342c114ff40cc3c Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Tue, 26 Aug 2025 11:08:54 -0700
Subject: [PATCH] Add wine on unix command to frontend (not backend yet)

---
 src/app/Globals.css           |  4 ++++
 src/app/settings/page.tsx     | 17 +++++++++++++++++
 src/app/types/SettingsType.ts |  1 +
 3 files changed, 22 insertions(+)

diff --git a/src/app/Globals.css b/src/app/Globals.css
index 2278344..5741109 100644
--- a/src/app/Globals.css
+++ b/src/app/Globals.css
@@ -73,3 +73,7 @@ body {
 *:focus {
   @apply outline-none;
 }
+
+.input-field {
+  @apply border-2 border-[#484848] rounded-md bg-[#242424] p-2 px-4 focus:border-blue-600 transition-colors;
+}
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index d209535..a6bb149 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -12,6 +12,7 @@ export default function Settings () {
     useState(false)
   const [allowNotifications, setAllowNotifications] = useState(false)
   const [useWineOnUnixWhenNeeded, setUseWineOnUnixWhenNeeded] = useState(false)
+  const [wineOnUnixCommand, setWineOnUnixCommand] = useState('wine %path%')
   const [useWindowsRoundedCorners, setUseWindowsRoundedCorners] =
     useState(false)
   const [loaded, setLoaded] = useState(false)
@@ -26,6 +27,7 @@ export default function Settings () {
         setUseWineOnUnixWhenNeeded(
           normalConfig.settings.useWineOnUnixWhenNeeded
         )
+        setWineOnUnixCommand(normalConfig.settings.wineOnUnixCommand)
         setAllowNotifications(normalConfig.settings.allowNotifications)
         setUseWindowsRoundedCorners(
           normalConfig.settings.useWindowsRoundedCorners
@@ -80,6 +82,21 @@ export default function Settings () {
             }}
             className={platform() == 'linux' ? '' : 'hidden'}
           />
+          <input
+            type='text'
+            value={wineOnUnixCommand}
+            onChange={async e => {
+              while (normalConfig != null) {
+                setWineOnUnixCommand(e.target.value)
+                normalConfig.settings.wineOnUnixCommand = e.target.value
+                await writeNormalConfig(normalConfig)
+                break
+              }
+            }}
+            className={`input-field ${
+              platform() == 'linux' && useWineOnUnixWhenNeeded ? '' : 'hidden'
+            }`}
+          ></input>
           <Setting
             label='Use rounded corners (if supported)'
             value={useWindowsRoundedCorners}
diff --git a/src/app/types/SettingsType.ts b/src/app/types/SettingsType.ts
index 702c7ce..9928b69 100644
--- a/src/app/types/SettingsType.ts
+++ b/src/app/types/SettingsType.ts
@@ -3,6 +3,7 @@ export class SettingsType {
     public checkForNewVersionOnLoad: boolean = true,
     public allowNotifications: boolean = true,
     public useWineOnUnixWhenNeeded: boolean = false,
+    public wineOnUnixCommand: string = 'wine %path%',
     public useWindowsRoundedCorners: boolean = false
   ) {}
 }