feat: add tun switch config to config page

3 files changed, 27 insertions, 12 deletions

diff --git a/src/components/Config.tsx b/src/components/Config.tsx
index 808ffd9..3243ae6 100644
--- a/src/components/Config.tsx
+++ b/src/components/Config.tsx
@@ -164,6 +164,7 @@ function ConfigImpl({
           }
           setConfigState(name, value);
           break;
+        case 'enable':
         case 'stack':
           setTunConfigState(name, value);
           dispatch(updateConfigs(apiConfig, { 'tun': {[name]: value }}));
@@ -266,17 +267,6 @@ function ConfigImpl({
         </div>
 
         <div>
-          <div className={s0.label}>TUN Stack</div>
-          <Select
-              options={tunStackOptions}
-              selected={configState['tun']['stack']}
-              onChange={(e) =>
-                  handleChangeValue({ name: 'stack', value: e.target.value })
-              }
-          />
-        </div>
-
-        <div>
           <div className={s0.label}>Allow LAN</div>
           <div className={s0.wrapSwitch}>
             <Switch
@@ -286,6 +276,29 @@ function ConfigImpl({
             />
           </div>
         </div>
+
+        <div>
+          <div className={s0.label}>{t('enable_tun_device')}</div>
+          <div className={s0.wrapSwitch}>
+            <Switch
+                checked={configState['tun']['enable']}
+                onChange={(value: boolean) =>
+                    handleChangeValue({ name: 'enable', value: value })
+                }
+            />
+          </div>
+        </div>
+
+        <div>
+          <div className={s0.label}>TUN Stack</div>
+          <Select
+              options={tunStackOptions}
+              selected={configState['tun']['stack']}
+              onChange={(e) =>
+                  handleChangeValue({ name: 'stack', value: e.target.value })
+              }
+          />
+        </div>
       </div>
 
       <div className={s0.sep}>
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index f20e4b8..1f86610 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -38,4 +38,5 @@ export const data = {
   update_all_proxy_provider: 'Update all proxy providers',
   reload_config_file: 'Reload config file',
   flush_fake_ip_pool: 'Flush fake-ip data',
+  enable_tun_device: 'Enable TUN Device',
 };
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index dead6c4..09cf639 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -37,5 +37,6 @@ export const data = {
   update_all_rule_provider: '更新所有 rule provider',
   update_all_proxy_provider: '更新所有 proxy providers',
   reload_config_file: '重载配置文件',
-  flush_fake_ip_pool: '清除FakeIP数据库',
+  flush_fake_ip_pool: '清空 FakeIP 数据库',
+  enable_tun_device: '开启 TUN 转发',
 };