fix - exchange validation input number with more than 2 decimals on F…

…irefox.
blockchain · May 29, 2018 · f963d93 · f963d93
1 parent 6821535
commit f963d93
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/blockchain-info-components/src/Form/NumberInput.js b/packages/blockchain-info-components/src/Form/NumberInput.js
@@ -47,13 +47,15 @@ const NumberInput = props => {
 NumberInput.propTypes = {
   disabled: PropTypes.bool,
   height: PropTypes.string,
-  minHeight: PropTypes.string
+  minHeight: PropTypes.string,
+  step: PropTypes.string
 }
 
 NumberInput.defaultProps = {
   disabled: false,
   height: '40px',
-  minHeight: '40px'
+  minHeight: '40px',
+  step: '0.01'
 }
 
 export default NumberInput
diff --git a/packages/blockchain-wallet-v4-frontend/src/components/Form/NumberBoxDebounced/index.js b/packages/blockchain-wallet-v4-frontend/src/components/Form/NumberBoxDebounced/index.js
@@ -64,7 +64,7 @@ class NumberBoxDebounced extends React.Component {
   }
 
   render () {
-    const { meta, disabled, placeholder } = this.props
+    const { meta, disabled, placeholder, ...rest } = this.props
     const errorState = getErrorState(meta)
 
     return (
@@ -77,6 +77,7 @@ class NumberBoxDebounced extends React.Component {
           onChange={this.handleChange}
           onFocus={this.handleFocus}
           onBlur={this.handleBlur}
+          {...rest}
         />
         {meta.touched && meta.error && <Error size='12px' weight={300} color='error'>{meta.error}</Error>}
       </Container>

diff --git a/...lockchain-wallet-v4-frontend/src/scenes/Exchange/Shapeshift/FirstStep/template.success.js b/...lockchain-wallet-v4-frontend/src/scenes/Exchange/Shapeshift/FirstStep/template.success.js
@@ -125,7 +125,7 @@ const Success = props => {
         <Row height='80px'>
           <Cell>
             <AmountContainer hasNoBottomBorder>
-              <Field name='sourceAmount' component={NumberBoxDebounced} disabled={disabled} />
+              <Field name='sourceAmount' component={NumberBoxDebounced} disabled={disabled} step='0.00000001' />
               <CurrencyBox disabled={disabled}>{sourceCoin}</CurrencyBox>
             </AmountContainer>
             <AmountContainer>
@@ -141,7 +141,7 @@ const Success = props => {
           </Cell>
           <Cell>
             <AmountContainer hasNoBottomBorder>
-              <Field name='targetAmount' component={NumberBoxDebounced} disabled={disabled} />
+              <Field name='targetAmount' component={NumberBoxDebounced} disabled={disabled} step='0.00000001' />
               <CurrencyBox disabled={disabled}>{targetCoin}</CurrencyBox>
             </AmountContainer>
             <AmountContainer>