mirror of
https://github.com/kremalicious/blowfish.git
synced 2024-12-28 07:37:51 +01:00
fix Ticker highlight style
This commit is contained in:
parent
06a7ad6668
commit
65204fa0ff
@ -50,3 +50,8 @@
|
||||
.change--negative {
|
||||
color: crimson;
|
||||
}
|
||||
|
||||
.active .change--positive,
|
||||
.active .change--negative {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
@ -46,12 +46,12 @@ export default class Ticker extends PureComponent {
|
||||
borderColor: accentColor
|
||||
}
|
||||
|
||||
// convert Map to array first, cause for...of or forEach returns undefined,
|
||||
// so it cannot be mapped to a collection of elements
|
||||
// convert Map to array first, cause for...of or forEach returns
|
||||
// undefined, so it cannot be mapped to a collection of elements
|
||||
return [...prices.entries()].map(([key, value]) => (
|
||||
<Item key={key} className="number-unit">
|
||||
<button
|
||||
className="label label--price"
|
||||
className={`label label--price ${key === currency && 'active'}`}
|
||||
onClick={() => toggleCurrencies(key)}
|
||||
disabled={needsConfig}
|
||||
style={key === currency && !needsConfig ? activeStyle : {}}
|
||||
|
Loading…
Reference in New Issue
Block a user