|
5 | 5 | */ |
6 | 6 | import React from 'react'; |
7 | 7 | import { Link } from 'react-router-dom'; |
8 | | -import { Layout, Dropdown, Menu, Avatar } from 'antd'; |
| 8 | +import { Layout, Dropdown, Menu, Avatar, Divider } from 'antd'; |
9 | 9 | import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined, CodeOutlined } from '@ant-design/icons'; |
10 | 10 | import { AuthDiv } from 'components'; |
11 | 11 | import Notification from './Notification'; |
@@ -41,22 +41,26 @@ export default function (props) { |
41 | 41 |
|
42 | 42 | return ( |
43 | 43 | <Layout.Header className={styles.header}> |
44 | | - <div className={styles.left}> |
45 | | - <div className={styles.trigger} onClick={props.toggle}> |
46 | | - {props.collapsed ? <MenuUnfoldOutlined/> : <MenuFoldOutlined/>} |
47 | | - </div> |
| 44 | + <div className={styles.trigger} onClick={props.toggle}> |
| 45 | + {props.collapsed ? <MenuUnfoldOutlined/> : <MenuFoldOutlined/>} |
48 | 46 | </div> |
49 | | - <Notification/> |
50 | | - <AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}> |
51 | | - <CodeOutlined style={{fontSize: 16}}/> |
52 | | - </AuthDiv> |
53 | | - <div className={styles.user}> |
54 | | - <Dropdown overlay={UserMenu} style={{background: '#000'}}> |
55 | | - <span className={styles.action}> |
56 | | - <Avatar size="small" src={avatar} style={{marginRight: 8}}/> |
57 | | - {localStorage.getItem('nickname')} |
58 | | - </span> |
59 | | - </Dropdown> |
| 47 | + <div className={styles.right}> |
| 48 | + <div className={styles.link} onClick={() => window.open('https://spug.cc/')}>官网</div> |
| 49 | + <div className={styles.link} onClick={() => window.open('https://ops.spug.cc/docs/about-spug/')}>文档</div> |
| 50 | + <div className={styles.link} onClick={() => window.open('https://ssl.spug.cc/')}>证书申请</div> |
| 51 | + <Divider type="vertical"/> |
| 52 | + <Notification/> |
| 53 | + <AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}> |
| 54 | + <CodeOutlined style={{fontSize: 16}}/> |
| 55 | + </AuthDiv> |
| 56 | + <div className={styles.user}> |
| 57 | + <Dropdown overlay={UserMenu} style={{background: '#000'}}> |
| 58 | + <span className={styles.action}> |
| 59 | + <Avatar size="small" src={avatar} style={{marginRight: 8}}/> |
| 60 | + {localStorage.getItem('nickname')} |
| 61 | + </span> |
| 62 | + </Dropdown> |
| 63 | + </div> |
60 | 64 | </div> |
61 | 65 | </Layout.Header> |
62 | 66 | ) |
|
0 commit comments