|
|
@@ -23,6 +23,7 @@ class PasswordSettings extends React.Component {
|
|
|
oldPassword: '',
|
|
|
newPassword: '',
|
|
|
newPasswordConfirm: '',
|
|
|
+ isPasswordSet: false,
|
|
|
};
|
|
|
|
|
|
this.onClickSubmit = this.onClickSubmit.bind(this);
|
|
|
@@ -30,6 +31,20 @@ class PasswordSettings extends React.Component {
|
|
|
|
|
|
}
|
|
|
|
|
|
+ async componentDidMount() {
|
|
|
+ const { appContainer } = this.props;
|
|
|
+
|
|
|
+ try {
|
|
|
+ const res = await appContainer.apiv3Get('/personal-setting/is-password-set');
|
|
|
+ const { isPasswordSet } = res.data;
|
|
|
+ this.setState({ isPasswordSet });
|
|
|
+ }
|
|
|
+ catch (err) {
|
|
|
+ toastError(err);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
async onClickSubmit() {
|
|
|
const { t, appContainer, personalContainer } = this.props;
|
|
|
const { oldPassword, newPassword, newPasswordConfirm } = this.state;
|
|
|
@@ -61,22 +76,22 @@ class PasswordSettings extends React.Component {
|
|
|
}
|
|
|
|
|
|
render() {
|
|
|
- const { t, personalContainer } = this.props;
|
|
|
+ const { t } = this.props;
|
|
|
const { newPassword, newPasswordConfirm } = this.state;
|
|
|
const isIncorrectConfirmPassword = (newPassword !== newPasswordConfirm);
|
|
|
|
|
|
return (
|
|
|
<React.Fragment>
|
|
|
- { (!personalContainer.state.isPasswordSet) && (
|
|
|
+ { (!this.state.isPasswordSet) && (
|
|
|
<div className="alert alert-warning">{ t('personal_settings.password_is_not_set') }</div>
|
|
|
) }
|
|
|
|
|
|
<div className="container-fluid my-4">
|
|
|
- {(personalContainer.state.isPasswordSet)
|
|
|
+ {(this.state.isPasswordSet)
|
|
|
? <h2 className="border-bottom">{t('personal_settings.update_password')}</h2>
|
|
|
: <h2 className="border-bottom">{t('personal_settings.set_new_password')}</h2>}
|
|
|
</div>
|
|
|
- {(personalContainer.state.isPasswordSet)
|
|
|
+ {(this.state.isPasswordSet)
|
|
|
&& (
|
|
|
<div className="row mb-3">
|
|
|
<label htmlFor="oldPassword" className="col-md-3 text-md-right">{ t('personal_settings.current_password') }</label>
|