add system icon

client/src/components/icons/Icons.tsx

@@ -34,6 +34,7 @@ import { ReactComponent as UploadIcon } from '../../assets/icons/upload.svg';
 import { ReactComponent as VectorSearchIcon } from '../../assets/icons/nav-search.svg';
 import { ReactComponent as SearchEmptyIcon } from '../../assets/icons/search.svg';
 import { ReactComponent as CopyIcon } from '../../assets/icons/copy.svg';
+import { ReactComponent as SystemIcon } from '../../assets/icons/system.svg';
 
 const icons: { [x in IconsType]: (props?: any) => React.ReactElement } = {
   search: (props = {}) => <SearchIcon {...props} />,
@@ -74,7 +75,7 @@ const icons: { [x in IconsType]: (props?: any) => React.ReactElement } = {
     <SvgIcon viewBox="0 0 20 20" component={VectorSearchIcon} {...props} />
   ),
   navSystem: (props = {}) => (
-    <SvgIcon viewBox="0 0 20 20" component={VectorSearchIcon} {...props} />
+    <SvgIcon viewBox="0 0 20 20" component={SystemIcon} {...props} />
   ),
   info: (props = {}) => (
     <SvgIcon viewBox="0 0 16 16" component={InfoIcon} {...props} />

client/src/components/layout/Layout.tsx

@@ -68,6 +68,11 @@ const Layout = (props: any) => {
       label: navTrans('overview'),
       onClick: () => history.push('/'),
     },
+    {
+      icon: icons.navSystem,
+      label: navTrans('system'),
+      onClick: () => history.push('/system'),
+    },
     {
       icon: icons.navCollection,
       label: navTrans('collection'),
@@ -80,11 +85,6 @@ const Layout = (props: any) => {
       iconActiveClass: 'activeSearchIcon',
       iconNormalClass: 'normalSearchIcon',
     },
-    {
-      icon: icons.navSystem,
-      label: navTrans('system'),
-      onClick: () => history.push('/system'),
-    },
   ];
 
   return (