From 419ea7de65ffb6f6c560adb03f71f04801bebac2 Mon Sep 17 00:00:00 2001
From: MetaCubeX <maze.y2b@github.com>
Date: Sun, 29 May 2022 20:46:47 +0800
Subject: fix: hide extra setting of meta on config page

---
 src/components/Config.tsx | 70 +++++++++++++++++++++--------------------------
 1 file changed, 31 insertions(+), 39 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Config.tsx b/src/components/Config.tsx
index 9f538b6..41ffdd7 100644
--- a/src/components/Config.tsx
+++ b/src/components/Config.tsx
@@ -287,12 +287,12 @@ function ConfigImpl({
           </div>
         </div>}
       </div>
-
-      <div className={s0.sep}>
+      <div className={s0.sep} >
         <div />
       </div>
-
-      {version.meta &&<div className={s0.section}>
+      { version.meta &&
+        <>
+      <div className={s0.section}>
         <div>
           <div className={s0.label}>{t('enable_tun_device')}</div>
           <div className={s0.wrapSwitch}>
@@ -304,7 +304,6 @@ function ConfigImpl({
             />
           </div>
         </div>
-
         <div>
           <div className={s0.label}>TUN IP Stack</div>
           <Select
@@ -315,44 +314,37 @@ function ConfigImpl({
               }
           />
         </div>
-      </div> &&
-      <div className={s0.sep}>
-        <div />
       </div>
-        &&
-      <div className={s0.section}>
-        <div>
-          <div className={s0.label}>Reload</div>
-          <Button
-              start={<RotateCw size={16} />}
-              label={t('reload_config_file')}
-              onClick={handleReloadConfigFile}
-          />
-        </div>
-        &&
-        <div>
-          <div className={s0.label}>GEO Databases</div>
-          <Button
-              start={<DownloadCloud size={16} />}
-              label={t('update_geo_databases_file')}
-              onClick={handleUpdateGeoDatabasesFile}
-          />
-        </div>
-        &&
-        <div>
-          <div className={s0.label}>FakeIP</div>
-          <Button
-              start={<Trash2 size={16} />}
-              label={t('flush_fake_ip_pool')}
-              onClick={handleFlushFakeIPPool}
-          />
-        </div>
-      </div>
-        &&
       <div className={s0.sep}>
         <div />
       </div>
-      }
+          <div className={s0.section}>
+            <div>
+              <div className={s0.label}>Reload</div>
+              <Button
+                start={<RotateCw size={16} />}
+                label={t('reload_config_file')}
+                onClick={handleReloadConfigFile} />
+            </div>
+            <div>
+              <div className={s0.label}>GEO Databases</div>
+              <Button
+                start={<DownloadCloud size={16} />}
+                label={t('update_geo_databases_file')}
+                onClick={handleUpdateGeoDatabasesFile} />
+            </div>
+            <div>
+              <div className={s0.label}>FakeIP</div>
+              <Button
+                start={<Trash2 size={16} />}
+                label={t('flush_fake_ip_pool')}
+                onClick={handleFlushFakeIPPool} />
+            </div>
+          </div>
+          <div className={s0.sep}>
+            <div />
+          </div>
+        </>}
 
       <div className={s0.section}>
         <div>
-- 
cgit v1.3.1