[inlong] branch master updated: [INLONG-9107][Dashboard] Navigation widget optimization (#9111)

[dockerzhang]

This is an automated email from the ASF dual-hosted git repository.

dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong.git


The following commit(s) were added to refs/heads/master by this push:
     new 6ca6e563e6 [INLONG-9107][Dashboard] Navigation widget optimization 
(#9111)
6ca6e563e6 is described below

commit 6ca6e563e609b3d709e2f702bba4d912e4731981
Author: Lizhen <88174078+bluew...@users.noreply.github.com>
AuthorDate: Wed Oct 25 19:47:59 2023 +0800

    [INLONG-9107][Dashboard] Navigation widget optimization (#9111)
---
 inlong-dashboard/src/ui/components/Layout/index.tsx | 14 ++++++++++++--
 inlong-dashboard/src/ui/locales/cn.json             |  1 +
 inlong-dashboard/src/ui/locales/en.json             |  1 +
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/inlong-dashboard/src/ui/components/Layout/index.tsx 
b/inlong-dashboard/src/ui/components/Layout/index.tsx
index f9c5ab7bc9..ead9a6c912 100644
--- a/inlong-dashboard/src/ui/components/Layout/index.tsx
+++ b/inlong-dashboard/src/ui/components/Layout/index.tsx
@@ -17,8 +17,8 @@
  * under the License.
  */
 
-import { Tooltip } from 'antd';
-import { StarOutlined, BulbOutlined } from '@ant-design/icons';
+import { Button, Tooltip } from 'antd';
+import { StarOutlined, BulbOutlined, QuestionCircleOutlined } from 
'@ant-design/icons';
 import { config } from '@/configs/default';
 import menusTree from '@/configs/menus';
 import defaultSettings from './defaultSettings';
@@ -37,6 +37,7 @@ import { State } from '@/core/stores';
 import NavWidget from './NavWidget';
 import LocaleSelect from './NavWidget/LocaleSelect';
 import Tenant from './Tenant';
+import i18n from '@/i18n';
 
 const BasicLayout: React.FC = props => {
   const location = useLocation();
@@ -130,6 +131,15 @@ const BasicLayout: React.FC = props => {
             </Tooltip>
           ),
           <LocaleSelect />,
+          <Tooltip title={i18n.t('components.Layout.UserManual')}>
+            <Button
+              type="link"
+              style={{ color: 'grey' }}
+              target="_blank"
+              href="https://inlong.apache.org/docs/next/introduction";
+              icon={<QuestionCircleOutlined />}
+            ></Button>
+          </Tooltip>,
           <NavWidget />,
           <Tenant />,
         ]}
diff --git a/inlong-dashboard/src/ui/locales/cn.json 
b/inlong-dashboard/src/ui/locales/cn.json
index 75259f825e..ec52ed03a2 100644
--- a/inlong-dashboard/src/ui/locales/cn.json
+++ b/inlong-dashboard/src/ui/locales/cn.json
@@ -569,6 +569,7 @@
   "components.Layout.NavWidget.ConfirmPassword": "确认密码",
   "components.Layout.NavWidget.Remind": "密码不一致，请重新输入",
   "components.Layout.Tenant.Success": "切换成功",
+  "components.Layout.UserManual": "用户手册",
   "components.HighSelect.Customize": "自定义",
   "components.HighSelect.SearchPlaceholder": "请输入关键字搜索",
   "components.NodeSelect.Create": "新建节点",
diff --git a/inlong-dashboard/src/ui/locales/en.json 
b/inlong-dashboard/src/ui/locales/en.json
index db750f2094..1594ba57e1 100644
--- a/inlong-dashboard/src/ui/locales/en.json
+++ b/inlong-dashboard/src/ui/locales/en.json
@@ -569,6 +569,7 @@
   "components.Layout.NavWidget.ConfirmPassword": "Confirm password",
   "components.Layout.NavWidget.Remind": "Password does not match, please 
re-enter",
   "components.Layout.Tenant.Success": "Success",
+  "components.Layout.UserManual": "User manual",
   "components.HighSelect.Customize": "Customize",
   "components.HighSelect.SearchPlaceholder": "Please enter keyword...",
   "components.NodeSelect.Create": "Create Node",