From dc54dfd95549ef3d70a7a8d374393e8e715634d6 Mon Sep 17 00:00:00 2001
From: zhangjingwei <zhang.jingwei@99cloud.net>
Date: Tue, 30 Jan 2024 16:25:40 +0800
Subject: [PATCH] feat: update user's avatar click

1. Cancel clicking the user avatar button to enter the user center
2. Add a jump to User Center in the hover pop-up window of the user's avatar

Change-Id: Id01a5d199bd9e7a922ac605c1f9902403830a944
---
 .../notes/Update-Avatar-Click-d2ca694d56e15b75.yaml       | 8 ++++++++
 src/components/Layout/GlobalHeader/AvatarDropdown.jsx     | 8 +++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml

diff --git a/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml b/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml
new file mode 100644
index 00000000..bf43a8f7
--- /dev/null
+++ b/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml
@@ -0,0 +1,8 @@
+---
+features:
+  - |
+    Update user's avatar click:
+
+    1. Cancel clicking the user avatar button to enter the user center
+
+    2. Add a jump to "User Center" in the hover pop-up window of the user's avatar
diff --git a/src/components/Layout/GlobalHeader/AvatarDropdown.jsx b/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
index 41bf750b..6978b424 100644
--- a/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
+++ b/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
@@ -152,6 +152,13 @@ export class AvatarDropdown extends React.Component {
         </Menu.Item>
         <Menu.Divider className={styles['menu-divider']} />
         {this.renderLanguageMenuItem()}
+        <Menu.Divider className={styles['menu-divider']} />
+        <Menu.Item key="userCenter" className={styles['menu-item']}>
+          <Button href="/user/center" type="link" style={{ textAlign: 'left' }}>
+            {t('User Center')}
+          </Button>
+        </Menu.Item>
+        <Menu.Divider className={styles['menu-divider']} />
         <Menu.Item key="password" className={styles['menu-item']}>
           <ItemActionButtons
             actions={{ moreActions: [{ action: Password }] }}
@@ -182,7 +189,6 @@ export class AvatarDropdown extends React.Component {
             shape="circle"
             icon={<UserOutlined />}
             className={styles.avatar}
-            href="/user/center"
           />
         </div>
       </HeaderDropdown>