Andal.LND/frontend-app-account
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Workaround an issue between React and Google Translate (#397)" (#412)

Browse Source 
This reverts commit fa4c5ef872.
This commit is contained in:
Awais Jibran
2021-03-10 13:14:10 +05:00
committed by GitHub
parent 240e589310
commit b8356bc962
1 changed files with 24 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/account-settings/AccountSettingsPage.jsx
View File

@@ -325,48 +325,37 @@ class AccountSettingsPage extends React.Component {
options={yearOfBirthOptions}
{...editableFieldProps}
/>
{/*
There is an issue with conditional rendering of state between react UI and google translate.
As state depends upon country component, we need to wrap them inside "notranslate" class so
The hack is to disabling Chrome's translation by wrapping these components in inside
"notranslate" class until the underlying issue is fixed.
TNL-7867
*/
}
<div className="notranslate">
<EditableField
name="country"
type="select"
value={this.props.formValues.country}
options={countryOptions}
label={this.props.intl.formatMessage(messages['account.settings.field.country'])}
emptyLabel={
this.isEditable('country')
? this.props.intl.formatMessage(messages['account.settings.field.country.empty'])
: this.renderEmptyStaticFieldMessage()
}
isEditable={this.isEditable('country')}
{...editableFieldProps}
/>
{showState
&& (
<EditableField
name="country"
name="state"
type="select"
value={this.props.formValues.country}
options={countryOptions}
label={this.props.intl.formatMessage(messages['account.settings.field.country'])}
value={this.props.formValues.state}
options={stateOptions}
label={this.props.intl.formatMessage(messages['account.settings.field.state'])}
emptyLabel={
this.isEditable('country')
? this.props.intl.formatMessage(messages['account.settings.field.country.empty'])
this.isEditable('state')
? this.props.intl.formatMessage(messages['account.settings.field.state.empty'])
: this.renderEmptyStaticFieldMessage()
}
isEditable={this.isEditable('country')}
isEditable={this.isEditable('state')}
{...editableFieldProps}
/>
{showState
&& (
<EditableField
name="state"
type="select"
value={this.props.formValues.state}
options={stateOptions}
label={this.props.intl.formatMessage(messages['account.settings.field.state'])}
emptyLabel={
this.isEditable('state')
? this.props.intl.formatMessage(messages['account.settings.field.state.empty'])
: this.renderEmptyStaticFieldMessage()
}
isEditable={this.isEditable('state')}
{...editableFieldProps}
/>
)}
</div>
)}
</div>
<div className="account-section" id="profile-information" ref={this.navLinkRefs['#profile-information']}>