From e57590ab70e34a3cb2dbb0c9595f3b377e45202a Mon Sep 17 00:00:00 2001
From: Yang Luo <hsluoyz@qq.com>
Date: Sat, 13 Feb 2021 17:56:15 +0800
Subject: [PATCH] Fix menu key conflict.

---
 web/src/App.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/App.js b/web/src/App.js
index bd9a616b..013a2e9a 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -113,9 +113,9 @@ class App extends Component {
   }
 
   handleRightDropdownClick(e) {
-    if (e.key === '0') {
+    if (e.key === '201') {
       this.props.history.push(`/account`);
-    } else if (e.key === '1') {
+    } else if (e.key === '202') {
       this.logout();
     }
   }
@@ -123,11 +123,11 @@ class App extends Component {
   renderRightDropdown() {
     const menu = (
       <Menu onClick={this.handleRightDropdownClick.bind(this)}>
-        <Menu.Item key='0'>
+        <Menu.Item key="201">
           <SettingOutlined />
           My Account
         </Menu.Item>
-        <Menu.Item key='1'>
+        <Menu.Item key="202">
           <LogoutOutlined />
           Logout
         </Menu.Item>
@@ -135,7 +135,7 @@ class App extends Component {
     );
 
     return (
-      <Dropdown key="4" overlay={menu} >
+      <Dropdown key="200" overlay={menu} >
         <a className="ant-dropdown-link" href="#" style={{float: 'right'}}>
           <Avatar style={{ backgroundColor: Setting.getAvatarColor(this.state.account.name), verticalAlign: 'middle' }} size="large">
             {Setting.getShortName(this.state.account.name)}