feat: gate render verified name success message outside of function

this frees the function from doing logic we've already done elsewhere
This commit is contained in:
Andy Shultz
2021-08-26 11:13:43 -04:00
parent efa682092f
commit 0dc1df07d4

View File

@@ -208,20 +208,16 @@ class AccountSettingsPage extends React.Component {
);
}
renderVerifiedNameSuccessMessage(showVerifiedApproved) {
if (showVerifiedApproved) {
return (
<OneTimeDismissibleAlert
id="dismissedVerifiedNameSuccessMessage"
variant="success"
icon={CheckCircle}
header={this.props.intl.formatMessage(messages['account.settings.field.name.verified.sucess.message.header'])}
body={this.props.intl.formatMessage(messages['account.settings.field.name.verified.sucess.message'])}
/>
);
}
return null;
renderVerifiedNameSuccessMessage() {
return (
<OneTimeDismissibleAlert
id="dismissedVerifiedNameSuccessMessage"
variant="success"
icon={CheckCircle}
header={this.props.intl.formatMessage(messages['account.settings.field.name.verified.sucess.message.header'])}
body={this.props.intl.formatMessage(messages['account.settings.field.name.verified.sucess.message'])}
/>
);
}
renderEmptyStaticFieldMessage() {
@@ -294,7 +290,7 @@ class AccountSettingsPage extends React.Component {
return (
<>
<div className="account-section" id="basic-information" ref={this.navLinkRefs['#basic-information']}>
{this.renderVerifiedNameSuccessMessage(showVerifiedApproved)}
{showVerifiedApproved && this.renderVerifiedNameSuccessMessage()}
<h2 className="section-heading">
{this.props.intl.formatMessage(messages['account.settings.section.account.information'])}