mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Convert GasModalCard component to use JSX (#7507)
This commit is contained in:
parent
df88e7656d
commit
1d9787c0d8
@ -1,8 +1,6 @@
|
|||||||
const Component = require('react').Component
|
import React, {Component} from 'react'
|
||||||
const h = require('react-hyperscript')
|
|
||||||
const inherits = require('util').inherits
|
const inherits = require('util').inherits
|
||||||
const InputNumber = require('../input-number.js')
|
const InputNumber = require('../input-number.js')
|
||||||
// const GasSlider = require('./gas-slider.js')
|
|
||||||
|
|
||||||
module.exports = GasModalCard
|
module.exports = GasModalCard
|
||||||
|
|
||||||
@ -11,44 +9,30 @@ function GasModalCard () {
|
|||||||
Component.call(this)
|
Component.call(this)
|
||||||
}
|
}
|
||||||
|
|
||||||
GasModalCard.prototype.render = function () {
|
GasModalCard.prototype.render = function GasModalCard () {
|
||||||
const {
|
const {
|
||||||
// memo,
|
|
||||||
onChange,
|
onChange,
|
||||||
unitLabel,
|
unitLabel,
|
||||||
value,
|
value,
|
||||||
min,
|
min,
|
||||||
// max,
|
|
||||||
step,
|
step,
|
||||||
title,
|
title,
|
||||||
copy,
|
copy,
|
||||||
} = this.props
|
} = this.props
|
||||||
|
|
||||||
return h('div.send-v2__gas-modal-card', [
|
return (
|
||||||
|
<div className="send-v2__gas-modal-card">
|
||||||
h('div.send-v2__gas-modal-card__title', {}, title),
|
<div className="send-v2__gas-modal-card__title">{title}</div>
|
||||||
|
<div className="send-v2__gas-modal-card__copy">{copy}</div>
|
||||||
h('div.send-v2__gas-modal-card__copy', {}, copy),
|
<InputNumber
|
||||||
|
unitLabel={unitLabel}
|
||||||
h(InputNumber, {
|
step={step}
|
||||||
unitLabel,
|
min={min}
|
||||||
step,
|
placeholder="0"
|
||||||
// max,
|
value={value}
|
||||||
min,
|
onChange={onChange}
|
||||||
placeholder: '0',
|
/>
|
||||||
value,
|
</div>
|
||||||
onChange,
|
)
|
||||||
}),
|
|
||||||
|
|
||||||
// h(GasSlider, {
|
|
||||||
// value,
|
|
||||||
// step,
|
|
||||||
// max,
|
|
||||||
// min,
|
|
||||||
// onChange,
|
|
||||||
// }),
|
|
||||||
|
|
||||||
])
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user