From d6ce1376a67bdd8b439730505563084cb1ba082e Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Sun, 13 Oct 2024 14:16:21 +0800
Subject: [PATCH] fix(config): selected option

---
 src/pages/Config.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/pages/Config.tsx b/src/pages/Config.tsx
index 2a4b709..335a6ef 100644
--- a/src/pages/Config.tsx
+++ b/src/pages/Config.tsx
@@ -260,13 +260,16 @@ const ConfigForm: ParentComponent<{
 
           <Select
             id="mode"
-            value={configsData()?.mode}
             onChange={(e) =>
               void updateBackendConfigAPI('mode', e.target.value, refetch)
             }
           >
             <For each={modes()}>
-              {(name) => <option value={name}>{t(name as keyof Dict)}</option>}
+              {(name) => (
+                <option selected={name === configsData()?.mode} value={name}>
+                  {t(name as keyof Dict)}
+                </option>
+              )}
             </For>
           </Select>
         </div>
@@ -311,7 +314,6 @@ const ConfigForm: ParentComponent<{
 
             <Select
               id="tun-ip-stack"
-              value={configsData()?.tun?.stack}
               onChange={(e) =>
                 void updateBackendConfigAPI(
                   'tun',
@@ -320,10 +322,16 @@ const ConfigForm: ParentComponent<{
                 )
               }
             >
-              <option>Mixed</option>
-              <option>gVisor</option>
-              <option>System</option>
-              <option>LWIP</option>
+              <For each={['Mixed', 'gVisor', 'System', 'LWIP']}>
+                {(name) => (
+                  <option
+                    selected={configsData()?.tun?.stack === name}
+                    value={name}
+                  >
+                    {name}
+                  </option>
+                )}
+              </For>
             </Select>
           </div>