區分後端

3 files changed, 34 insertions, 23 deletions

diff --git a/src/components/Config.tsx b/src/components/Config.tsx
index 2af83fb..218f639 100644
--- a/src/components/Config.tsx
+++ b/src/components/Config.tsx
@@ -98,6 +98,16 @@ type ConfigImplProps = {
   apiConfig: ClashAPIConfig;
 };
 
+function getBackendContent(version: any): string {
+  if (version && version.meta && !version.premium) {
+    return 'Clash.Meta ';
+  } else if (version && version.meta && version.premium) {
+    return 'sing-box ';
+  } else {
+    return 'Clash Premium';
+  }
+}
+
 function ConfigImpl({
   dispatch,
   configs,
@@ -233,21 +243,20 @@ function ConfigImpl({
     <div>
       <ContentHeader title={t('Config')} />
       <div className={s0.root}>
-        {(version.meta && version.premium) || (
+        {(version.meta && version.premium) ||
           portFields.map((f) =>
-          configState[f.key] !== undefined ? (
-            <div key={f.key}>
-              <div className={s0.label}>{f.label}</div>
-              <Input
-                name={f.key}
-                value={configState[f.key]}
-                onChange={({ target: { name, value } }) => handleInputOnChange({ name, value })}
-                onBlur={handleInputOnBlur}
-              />
-            </div>
-          ) : null
-        )
-        )}
+            configState[f.key] !== undefined ? (
+              <div key={f.key}>
+                <div className={s0.label}>{f.label}</div>
+                <Input
+                  name={f.key}
+                  value={configState[f.key]}
+                  onChange={({ target: { name, value } }) => handleInputOnChange({ name, value })}
+                  onBlur={handleInputOnBlur}
+                />
+              </div>
+            ) : null
+          )}
 
         <div>
           <div className={s0.label}>Mode</div>
@@ -282,7 +291,7 @@ function ConfigImpl({
           </div>
         )}
 
-        {(version.meta && !version.premium) && (
+        {version.meta && !version.premium && (
           <div>
             <div className={s0.label}>{t('tls_sniffing')}</div>
             <div className={s0.wrapSwitch}>
@@ -355,7 +364,7 @@ function ConfigImpl({
                 onClick={handleReloadConfigFile}
               />
             </div>
-            {(version.meta && !version.premium) && (
+            {version.meta && !version.premium && (
               <div>
                 <div className={s0.label}>GEO Databases</div>
                 <Button
@@ -373,7 +382,7 @@ function ConfigImpl({
                 onClick={handleFlushFakeIPPool}
               />
             </div>
-            {(version.meta && !version.premium) && (
+            {version.meta && !version.premium && (
               <div>
                 <div className={s0.label}>Restart</div>
                 <Button
@@ -383,7 +392,7 @@ function ConfigImpl({
                 />
               </div>
             )}
-            {(version.meta && !version.premium) && (
+            {version.meta && !version.premium && (
               <div>
                 <div className={s0.label}>⚠️ Upgrade ⚠️</div>
                 <Button
@@ -432,13 +441,14 @@ function ConfigImpl({
         </div>
 
         <div>
-          <div className={s0.label}>{t('current_backend')}
-            <p>{apiConfig.baseURL}</p>
+          <div className={s0.label}>
+            {t('current_backend')}
+            <p>{getBackendContent(version) + apiConfig.baseURL}</p>
           </div>
           <div className={s0.label}>Action</div>
           <Button
             start={<LogOut size={16} />}
-            label={t("switch_backend")}
+            label={t('switch_backend')}
             onClick={openAPIConfigModal}
           />
         </div>
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 19f1707..9f1615d 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -31,7 +31,7 @@ export const data = {
   Connections: 'Connections',
   current_backend: 'Current Backend',
   Active: 'Active',
-  switch_backend: 'Switch backend"',
+  switch_backend: 'Switch backend',
   Closed: 'Closed',
   switch_theme: 'Switch theme',
   theme: 'theme',
diff --git a/src/i18n/zh-tw.ts b/src/i18n/zh-tw.ts
index f778b7c..85afe9e 100644
--- a/src/i18n/zh-tw.ts
+++ b/src/i18n/zh-tw.ts
@@ -30,6 +30,7 @@ export const data = {
   order_name_asc: '按名稱字母順序排序 (A-Z)',
   order_name_desc: '按名稱字母順序排序 (Z-A)',
   Connections: '連線',
+  current_backend: '當前後端',
   Active: '活動中',
   Closed: '已斷線',
   switch_theme: '切換主題',
@@ -62,4 +63,4 @@ export const data = {
   c_type: '類型',
   restart_core: '重新啟動 clash 核心',
   upgrade_core: '更新 Alpha 核心',
-};
\ No newline at end of file
+};