1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00

Add button to force edit token symbol when adding custom token (#6147)

This commit is contained in:
Chi Kei Chan 2019-02-13 06:00:22 -08:00 committed by Whymarrh Whitby
parent c54656efb7
commit d438deee89
2 changed files with 38 additions and 2 deletions

View File

@ -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 {
/>
<TextField
id="custom-symbol"
label={this.context.t('tokenSymbol')}
label={(
<div className="add-token__custom-symbol__label-wrapper">
<span className="add-token__custom-symbol__label">
{this.context.t('tokenSymbol')}
</span>
{(autoFilled && !forceEditSymbol) && (
<div
className="add-token__custom-symbol__edit"
onClick={() => this.setState({ forceEditSymbol: true })}
>
{this.context.t('edit')}
</div>
)}
</div>
)}
type="text"
value={customSymbol}
onChange={e => this.handleCustomSymbolChange(e.target.value)}
error={customSymbolError}
fullWidth
margin="normal"
disabled={autoFilled}
disabled={autoFilled && !forceEditSymbol}
/>
<TextField
id="custom-decimals"

View File

@ -22,4 +22,24 @@
&__token-list {
margin-top: 16px;
}
&__custom-symbol {
&__label-wrapper {
display: flex;
flex-flow: row nowrap;
}
&__label {
flex: 0 0 auto;
}
&__edit {
flex: 1 1 auto;
text-align: right;
color: $curious-blue;
padding-right: 4px;
cursor: pointer;
}
}
}