Improve reset buttons.

This commit is contained in:
Yang Luo 2021-05-15 20:44:40 +08:00
parent e206ec5057
commit 55e0fe14ca
2 changed files with 8 additions and 4 deletions

View File

@ -89,7 +89,7 @@ export const ResetModal = (props) => {
return ( return (
<Row> <Row>
<Button style={{marginTop: '22px'}} type="default" onClick={showModal}> <Button type="default" onClick={showModal}>
{buttonText} {buttonText}
</Button> </Button>
<Modal <Modal
@ -118,4 +118,4 @@ export const ResetModal = (props) => {
) )
} }
export default ResetModal; export default ResetModal;

View File

@ -263,8 +263,10 @@ class UserEditPage extends React.Component {
<Col style={{marginTop: '5px'}} span={2}> <Col style={{marginTop: '5px'}} span={2}>
{i18next.t("general:Email")}: {i18next.t("general:Email")}:
</Col> </Col>
<Col span={22} > <Col style={{paddingRight: '20px'}} span={11} >
<Input value={this.state.user.email} disabled /> <Input value={this.state.user.email} disabled />
</Col>
<Col span={11} >
{ this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Email")} destType={"email"} coolDownTime={60}/>) : null} { this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Email")} destType={"email"} coolDownTime={60}/>) : null}
</Col> </Col>
</Row> </Row>
@ -272,8 +274,10 @@ class UserEditPage extends React.Component {
<Col style={{marginTop: '5px'}} span={2}> <Col style={{marginTop: '5px'}} span={2}>
{i18next.t("general:Phone")}: {i18next.t("general:Phone")}:
</Col> </Col>
<Col span={22} > <Col style={{paddingRight: '20px'}} span={11} >
<Input value={this.state.user.phone} addonBefore={`+${this.state.application?.organizationObj.phonePrefix}`} disabled /> <Input value={this.state.user.phone} addonBefore={`+${this.state.application?.organizationObj.phonePrefix}`} disabled />
</Col>
<Col span={11} >
{ this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Phone")} destType={"phone"} coolDownTime={60}/>) : null} { this.state.user.id === this.props.account.id ? (<ResetModal buttonText={i18next.t("user:Reset Phone")} destType={"phone"} coolDownTime={60}/>) : null}
</Col> </Col>
</Row> </Row>