Sysadmin reconstruct settings (#3946)

* sysadmin reconstruct settings page

* [system admin] settings: refactored it

* fixup & improvement

frontend/src/pages/sys-admin/index.js

@@ -4,8 +4,7 @@ import { Router } from '@reach/router';
 import { siteRoot } from '../../utils/constants';
 import SidePanel from './side-panel';
 import MainPanel from './main-panel';
-import FileScanRecords from './file-scan-records';
-import WorkWeixinDepartments from './work-weixin-departments';
+
 import Info from './info';
 
 import DesktopDevices from './devices/desktop-devices';
@@ -17,6 +16,10 @@ import SystemRepo from './repos/system-repo';
 import TrashRepos from './repos/trash-repos';
 import DirView from './repos/dir-view';
 
+import WebSettings from './web-settings/web-settings';
+import FileScanRecords from './file-scan-records';
+import WorkWeixinDepartments from './work-weixin-departments';
+
 import '../../assets/css/fa-solid.css';
 import '../../assets/css/fa-regular.css';
 import '../../assets/css/fontawesome.css';
@@ -28,7 +31,7 @@ class SysAdmin extends React.Component {
     super(props);
     this.state = {
       isSidePanelClosed: false,
-      currentTab: 'file-scan',
+      currentTab: 'file-scan'
     };
   }
 
@@ -95,13 +98,14 @@ class SysAdmin extends React.Component {
             <SystemRepo path={siteRoot + 'sys/system-library'} />
             <TrashRepos path={siteRoot + 'sys/trash-libraries'} />
             <DirView path={siteRoot + 'sys/libraries/:repoID/*'} />
+            <WebSettings path={siteRoot + 'sys/web-settings'} />
             <FileScanRecords
               path={siteRoot + 'sys/file-scan-records'}
               currentTab={currentTab} 
               tabItemClick={this.tabItemClick}
             />
             <WorkWeixinDepartments
-              path={siteRoot + 'sys/work-weixin/departments'}
+              path={siteRoot + 'sys/work-weixin'}
               currentTab={currentTab}
               tabItemClick={this.tabItemClick}
             />