Merge pull request #566 from fengyangsy/issue-#565

[#565] Add icons before the titles of each management page Fix #565
hyperledger-cello · Oct 16, 2023 · db58b05 · db58b05
2 parents 45d6c47 + c6e7c44
commit db58b05
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 35 deletions.
diff --git a/src/dashboard/src/pages/Agent/Agent.js b/src/dashboard/src/pages/Agent/Agent.js
@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import { connect, useIntl, injectIntl } from 'umi';
 import { Card, Button, message, List, Badge, Row, Col, Modal, Form, Select, Input } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined, DesktopOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import { getAuthority } from '@/utils/authority';
@@ -394,10 +394,15 @@ class Agent extends PureComponent {
 
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.agent.title',
-          defaultMessage: 'Agent Management',
-        })}
+        title={
+          <span>
+            {<DesktopOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.agent.title',
+              defaultMessage: 'Agent Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/ChainCode/ChainCode.js b/src/dashboard/src/pages/ChainCode/ChainCode.js
@@ -4,7 +4,7 @@
 import React, { PureComponent, Fragment } from 'react';
 import { connect, injectIntl, useIntl } from 'umi';
 import { Card, Button, Modal, Input, Upload, Divider, message } from 'antd';
-import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { PlusOutlined, UploadOutlined, FunctionOutlined } from '@ant-design/icons';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import StandardTable from '@/components/StandardTable';
 import { Form, Select } from 'antd/lib/index';
@@ -391,10 +391,15 @@ class ChainCode extends PureComponent {
     ];
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.chainCode.title',
-          defaultMessage: 'Chain code management',
-        })}
+        title={
+          <span>
+            {<FunctionOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.chainCode.title',
+              defaultMessage: 'Chain code Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/Channel/Channel.js b/src/dashboard/src/pages/Channel/Channel.js
@@ -4,7 +4,7 @@
 import React, { PureComponent, Fragment } from 'react';
 import { connect, injectIntl, useIntl } from 'umi';
 import { Card, Button, Modal, message, Divider, Input, Select, Form, Tag, Upload } from 'antd';
-import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { PlusOutlined, UploadOutlined, DeploymentUnitOutlined } from '@ant-design/icons';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import StandardTable from '@/components/StandardTable';
 import styles from './styles.less';
@@ -548,10 +548,15 @@ class Channel extends PureComponent {
     ];
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.channel.title',
-          defaultMessage: 'Channel Management',
-        })}
+        title={
+          <span>
+            {<DeploymentUnitOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.channel.title',
+              defaultMessage: 'Channel Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/Network/Network.js b/src/dashboard/src/pages/Network/Network.js
@@ -4,7 +4,7 @@
 import React, { PureComponent, Fragment } from 'react';
 import { connect, injectIntl, history } from 'umi';
 import { Card, Button, Modal, message, Divider } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined, ApartmentOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import StandardTable from '@/components/StandardTable';
@@ -151,10 +151,15 @@ class Network extends PureComponent {
     ];
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.network.title',
-          defaultMessage: 'Network Management',
-        })}
+        title={
+          <span>
+            {<ApartmentOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.network.title',
+              defaultMessage: 'Network Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/Node/index.js b/src/dashboard/src/pages/Node/index.js
@@ -18,7 +18,7 @@ import {
   Badge,
   Upload,
 } from 'antd';
-import { DownOutlined, PlusOutlined } from '@ant-design/icons';
+import { DownOutlined, PlusOutlined, NodeIndexOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import StandardTable from '@/components/StandardTable';
@@ -814,10 +814,15 @@ class Index extends PureComponent {
 
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.node.title',
-          defaultMessage: 'Node Management',
-        })}
+        title={
+          <span>
+            {<NodeIndexOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.node.title',
+              defaultMessage: 'Node Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/Organization/Organization.js b/src/dashboard/src/pages/Organization/Organization.js
@@ -4,7 +4,7 @@
 import React, { PureComponent, Fragment } from 'react';
 import { connect, injectIntl } from 'umi';
 import { Card, Button, Form, Modal, Input, message, Divider } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined, TeamOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 import StandardTable from '@/components/StandardTable';
@@ -377,10 +377,15 @@ class Organization extends PureComponent {
     };
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.organization.title',
-          defaultMessage: 'Organization Management',
-        })}
+        title={
+          <span>
+            {<TeamOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.organization.title',
+              defaultMessage: 'Organization Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>

diff --git a/src/dashboard/src/pages/UserManagement/UserManagement.js b/src/dashboard/src/pages/UserManagement/UserManagement.js
@@ -15,7 +15,7 @@ import {
   Menu,
   AutoComplete,
 } from 'antd';
-import { DownOutlined, PlusOutlined } from '@ant-design/icons';
+import { DownOutlined, PlusOutlined, UserOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import isEmail from 'validator/lib/isEmail';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
@@ -571,10 +571,15 @@ class UserManagement extends PureComponent {
     );
     return (
       <PageHeaderWrapper
-        title={intl.formatMessage({
-          id: 'app.user.title',
-          defaultMessage: 'User Management',
-        })}
+        title={
+          <span>
+            {<UserOutlined style={{ marginRight: 15 }} />}
+            {intl.formatMessage({
+              id: 'app.user.title',
+              defaultMessage: 'User Management',
+            })}
+          </span>
+        }
       >
         <Card bordered={false}>
           <div className={styles.tableList}>