Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-02-20 20:29: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,
});
this.props.setAppState({
type: e.target.value,
currency: e.target.value,
bookCurrencyCode: currencyCode,
});
@ -652,15 +651,8 @@ class MakerPage extends Component {
rangeText = () => {
const { t } = this.props;
return (
<div
style={{
display: 'flex',
alignItems: 'center',
flexWrap: 'nowrap',
justifyContent: 'space-around',
}}
>
<span style={{ textAlign: 'left' }}>{t('From')}</span>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<span style={{ width: t('From').length * 8 + 2, textAlign: 'left' }}>{t('From')}</span>
<TextField
variant='standard'
type='number'
@ -668,9 +660,9 @@ class MakerPage extends Component {
value={this.state.minAmount}
onChange={this.handleMinAmountChange}
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
variant='standard'
size='small'
@ -678,9 +670,11 @@ class MakerPage extends Component {
value={this.state.maxAmount}
error={this.maxAmountError()}
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>
);
};