From cee2c608a2f798d10a0ceb99fbbd50add52e431d Mon Sep 17 00:00:00 2001
From: Gucheng Wang <nomeguy@qq.com>
Date: Sat, 15 Jan 2022 21:34:37 +0800
Subject: [PATCH] Disable PasswordModal when needed in user edit page.

---
 web/src/PasswordModal.js | 2 +-
 web/src/UserEditPage.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/PasswordModal.js b/web/src/PasswordModal.js
index cc8baaff..7e2084ca 100644
--- a/web/src/PasswordModal.js
+++ b/web/src/PasswordModal.js
@@ -59,7 +59,7 @@ export const PasswordModal = (props) => {
 
   return (
     <Row>
-      <Button type="default" onClick={showModal}>
+      <Button type="default" disabled={props.disabled} onClick={showModal}>
         { hasOldPassword ? i18next.t("user:Modify password...") : i18next.t("user:Set password...")}
       </Button>
       <Modal
diff --git a/web/src/UserEditPage.js b/web/src/UserEditPage.js
index 419de7ed..21825ae7 100644
--- a/web/src/UserEditPage.js
+++ b/web/src/UserEditPage.js
@@ -214,7 +214,7 @@ class UserEditPage extends React.Component {
             {Setting.getLabel(i18next.t("general:Password"), i18next.t("general:Password - Tooltip"))} :
           </Col>
           <Col span={22} >
-            <PasswordModal user={this.state.user} account={this.props.account} />
+            <PasswordModal user={this.state.user} account={this.props.account} disabled={this.state.userName !== this.state.user.name} />
           </Col>
         </Row>
         <Row style={{marginTop: '20px'}} >