| /* |
| * MIT License |
| |
| * Copyright (c) 2019 Alipay.inc |
| |
| * Permission is hereby granted, free of charge, to any person obtaining a copy |
| * of this software and associated documentation files (the "Software"), to deal |
| * in the Software without restriction, including without limitation the rights |
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
| * copies of the Software, and to permit persons to whom the Software is |
| * furnished to do so, subject to the following conditions: |
| |
| * The above copyright notice and this permission notice shall be included in all |
| * copies or substantial portions of the Software. |
| |
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
| * SOFTWARE. |
| */ |
| import { Tooltip, Tag, Space } from 'antd'; |
| import { QuestionCircleOutlined } from '@ant-design/icons'; |
| import React from 'react'; |
| import { useModel, SelectLang } from 'umi'; |
| |
| import Avatar from './AvatarDropdown'; |
| import styles from './index.less'; |
| |
| export type SiderTheme = 'light' | 'dark'; |
| |
| const ENVTagColor = { |
| dev: 'orange', |
| test: 'green', |
| pre: '#87d068', |
| }; |
| |
| const GlobalHeaderRight: React.FC = () => { |
| const { initialState } = useModel('@@initialState'); |
| |
| if (!initialState || !initialState.settings) { |
| return null; |
| } |
| |
| const { navTheme, layout } = initialState.settings; |
| let className = styles.right; |
| |
| if ((navTheme === 'dark' && layout === 'top') || layout === 'mix') { |
| className = `${styles.right} ${styles.dark}`; |
| } |
| |
| return ( |
| <Space className={className}> |
| <a href="https://apisix.apache.org/docs/apisix/getting-started" target="_blank"> |
| <Tooltip title="Documentation"> |
| <span className={styles.action}> |
| <QuestionCircleOutlined /> |
| </span> |
| </Tooltip> |
| </a> |
| <Avatar /> |
| {REACT_APP_ENV && ( |
| <span> |
| <Tag color={ENVTagColor[REACT_APP_ENV]}>{REACT_APP_ENV}</Tag> |
| </span> |
| )} |
| <SelectLang className={styles.action} /> |
| </Space> |
| ); |
| }; |
| export default GlobalHeaderRight; |