Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-02-21 12:49:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix range text, fix type override at currency change

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-09-17 09:29:05 -07:00
parent dd38551ce0
commit 1bb92f342a
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/MakerPage.js
View File

@ -144,7 +144,6 @@ class MakerPage extends Component {
currencyCode, currencyCode,
}); });
this.props.setAppState({ this.props.setAppState({
type: e.target.value,
currency: e.target.value, currency: e.target.value,
bookCurrencyCode: currencyCode, bookCurrencyCode: currencyCode,
}); });
@ -652,15 +651,8 @@ class MakerPage extends Component {
rangeText = () => { rangeText = () => {
const { t } = this.props; const { t } = this.props;
return ( return (
<div <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
style={{ <span style={{ width: t('From').length * 8 + 2, textAlign: 'left' }}>{t('From')}</span>
display: 'flex',
alignItems: 'center',
flexWrap: 'nowrap',
justifyContent: 'space-around',
}}
>
<span style={{ textAlign: 'left' }}>{t('From')}</span>
<TextField <TextField
variant='standard' variant='standard'
type='number' type='number'
@ -668,9 +660,9 @@ class MakerPage extends Component {
value={this.state.minAmount} value={this.state.minAmount}
onChange={this.handleMinAmountChange} onChange={this.handleMinAmountChange}
error={this.minAmountError()} error={this.minAmountError()}
sx={{ px: '1em' }} sx={{ width: this.state.minAmount.toString().length * 9, maxWidth: 40 }}
/> />
<span style={{ textAlign: 'center' }}>{t('to')}</span> <span style={{ width: t('to').length * 8, textAlign: 'center' }}>{t('to')}</span>
<TextField <TextField
variant='standard' variant='standard'
size='small' size='small'
@ -678,9 +670,11 @@ class MakerPage extends Component {
value={this.state.maxAmount} value={this.state.maxAmount}
error={this.maxAmountError()} error={this.maxAmountError()}
onChange={this.handleMaxAmountChange} onChange={this.handleMaxAmountChange}
sx={{ px: '1em' }} sx={{ width: this.state.maxAmount.toString().length * 9, maxWidth: 50 }}
/> />
<span style={{ textAlign: 'right' }}>{this.state.currencyCode}</span> <span style={{ width: this.state.currencyCode.length * 9 + 3, textAlign: 'right' }}>
{this.state.currencyCode}
</span>
</div> </div>
); );
}; };