lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: use new NumberInput on cash-out wizard

Browse source
This commit is contained in:
Mauricio Navarro Miranda 2020-09-04 01:05:39 -05:00 • committed by Josh Harvey
parent c4acfaa609
commit fa562f5007
2 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
new-lamassu-admin/src/pages/Cashout/WizardStep.js
View file

@ -6,7 +6,7 @@ import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage' import ErrorMessage from 'src/components/ErrorMessage'
import Stepper from 'src/components/Stepper' import Stepper from 'src/components/Stepper'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik' import { NumberInput } from 'src/components/inputs/formik'
import { Info2, H4, P, Info1, Label1 } from 'src/components/typography' import { Info2, H4, P, Info1, Label1 } from 'src/components/typography'
import cassetteOne from 'src/styling/icons/cassettes/cashout-cassette-1.svg' import cassetteOne from 'src/styling/icons/cassettes/cashout-cassette-1.svg'
import cassetteTwo from 'src/styling/icons/cassettes/cashout-cassette-2.svg' import cassetteTwo from 'src/styling/icons/cassettes/cashout-cassette-2.svg'
@ -59,13 +59,15 @@ const WizardStep = ({
<Label1>Choose bill denomination</Label1> <Label1>Choose bill denomination</Label1>
<div className={classes.bill}> <div className={classes.bill}>
<Field <Field
className={classes.billInput}
type="text" type="text"
size="lg" size="lg"
autoFocus={1 + idx === step} autoFocus={1 + idx === step}
component={ component={
options?.length > 0 ? component : TextInput options?.length > 0 ? component : NumberInput
} }
fullWidth fullWidth
decimalPlaces={0}
name={type} name={type}
options={options} options={options}
valueProp={'code'} valueProp={'code'}

3
new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js
View file

@ -24,6 +24,9 @@ export default {
alignItems: 'center', alignItems: 'center',
justifyContent: 'end' justifyContent: 'end'
}, },
billInput:{
width:'100%'
},
suffix: { suffix: {
paddingLeft: spacer * 2 paddingLeft: spacer * 2
}, },