1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
module.exports = CurrencyToggle
inherits(CurrencyToggle, Component)
function CurrencyToggle () {
Component.call(this)
}
CurrencyToggle.prototype.render = function () {
const { onClick, currentCurrency } = this.props
return h('span', {}, [
h('span', {
className: currentCurrency === 'ETH' ? 'selected-currency' : 'unselected-currency',
onClick: () => onClick('ETH')
}, ['ETH']),
'<>',
h('span', {
className: currentCurrency === 'USD' ? 'selected-currency' : 'unselected-currency',
onClick: () => onClick('USD'),
}, ['USD']),
]) //holding on icon from design
}
|
