diff --git a/ui/app/components/pages/add-token/add-token.component.js b/ui/app/components/pages/add-token/add-token.component.js index 82299bf88..e860d33bc 100644 --- a/ui/app/components/pages/add-token/add-token.component.js +++ b/ui/app/components/pages/add-token/add-token.component.js @@ -43,6 +43,7 @@ class AddToken extends Component { customDecimalsError: null, autoFilled: false, displayedTab: SEARCH_TAB, + forceEditSymbol: false, } } @@ -225,6 +226,7 @@ class AddToken extends Component { customSymbolError, customDecimalsError, autoFilled, + forceEditSymbol, } = this.state return ( @@ -241,14 +243,28 @@ class AddToken extends Component { /> + + {this.context.t('tokenSymbol')} + + {(autoFilled && !forceEditSymbol) && ( +
this.setState({ forceEditSymbol: true })} + > + {this.context.t('edit')} +
+ )} + + )} type="text" value={customSymbol} onChange={e => this.handleCustomSymbolChange(e.target.value)} error={customSymbolError} fullWidth margin="normal" - disabled={autoFilled} + disabled={autoFilled && !forceEditSymbol} />