fix: tun stack

feat: interface name

2 files changed, 16 insertions, 3 deletions

diff --git a/src/components/Config.tsx b/src/components/Config.tsx
index 28b7df1..b30c25b 100644
--- a/src/components/Config.tsx
+++ b/src/components/Config.tsx
@@ -244,7 +244,7 @@ function ConfigImpl({
           <div className={s0.label}>Mode</div>
           <Select
             options={modeOptions}
-            selected={configState['mode']}
+            selected={configState.mode.toLowerCase()}
             onChange={(e) =>
               handleChangeValue({ name: 'mode', value: e.target.value })
             }
@@ -255,7 +255,7 @@ function ConfigImpl({
           <div className={s0.label}>Log Level</div>
           <Select
             options={logLeveOptions}
-            selected={configState['log-level']}
+            selected={configState["log-level"].toLowerCase()}
             onChange={(e) =>
               handleChangeValue({ name: 'log-level', value: e.target.value })
             }
@@ -309,12 +309,24 @@ function ConfigImpl({
           <div className={s0.label}>TUN IP Stack</div>
           <Select
               options={tunStackOptions}
-              selected={configState['tun']?.stack.toLowerCase()}
+              selected={configState.tun?.stack.toLowerCase()}
               onChange={(e) =>
                   handleChangeValue({ name: 'stack', value: e.target.value })
               }
           />
         </div>
+        <div>
+          <div className={s0.label}>Device Name</div>
+          <Input
+              value={configState.tun?.device}
+          />
+        </div>
+        <div>
+          <div className={s0.label}>Interface Name</div>
+          <Input
+              value={configState["interface-name"]}
+          />
+        </div>
       </div>
       <div className={s0.sep}>
         <div />
diff --git a/src/store/types.ts b/src/store/types.ts
index 3a3e412..9396607 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -32,6 +32,7 @@ export type ClashGeneralConfig = {
   'tproxy-port': number;
   'mitm-port'?: number;
   'allow-lan': boolean;
+  'interface-name'?: string
   mode: string;
   'log-level': string;
   sniffing?: boolean;