Merge pull request #15 from Bytom/dev

[bytom/bytom-electron.git] / src / features / shared / components / GasField / GasField.jsx

diff --git a/src/features/shared/components/GasField/GasField.jsx b/src/features/shared/components/GasField/GasField.jsx
index 4037aaa..0480aff 100644 (file)
--- a/src/features/shared/components/GasField/GasField.jsx
+++ b/src/features/shared/components/GasField/GasField.jsx
@@ -20,21 +20,20 @@ class GasField extends React.Component {
   render() {
     const fieldProps = pick(this.props.fieldProps, TEXT_FIELD_PROPS)
     const {touched, error} = this.props.fieldProps
+    const chainGas = this.props.chainGas || 0
 
-    return(
-      <div className={`form-group ${styles.slider}`}>
-        <span>{normalizeBTMAmountUnit(btmID, fieldProps.value* this.props.gas, this.props.btmAmountUnit)}</span>
-        <input
-               type='range'
-               min={0}
-               max={3}
-               step='1'
-               {...fieldProps} />
+    return <div className={`form-group ${styles.slider}`}>
+      <span>{normalizeBTMAmountUnit(btmID, ( chainGas + fieldProps.value * this.props.gas ), this.props.btmAmountUnit)}</span>
+      <input
+        type='range'
+        min={0}
+        max={3}
+        step='1'
+        {...fieldProps} />
 
-        {touched && error && <span className='text-danger'><strong>{error}</strong></span>}
-        {this.props.hint && <span className='help-block'>{this.props.hint}</span>}
-      </div>
-    )
+      {touched && error && <span className='text-danger'><strong>{error}</strong></span>}
+      {this.props.hint && <span className='help-block'>{this.props.hint}</span>}
+    </div>
   }
 }