-
-
- Dashboard
-
this.handlePageUpdate('settings')}>
-
-
-
-
-
- Fetching data
+
+
+
+
+
+ Dashboard
+
this.handlePageUpdate('settings')}>
+
+
+
+
+
+ Fetching data
- {Footer}
+ {Footer}
+
-
)
}
-
+
let Footer = (
)
// Price direction icon
- if(this.state.page === 'home'){
+ if (this.state.page === 'home') {
let preDirection = '1'
let priceDirection = (dir) => {
- if(dir==="1"){
+ if (dir === "1") {
preDirection = dir
- return
- } else if(dir==="2"){
+ return
+ } else if (dir === "2") {
preDirection = dir
- return
- } else if (dir==='4' && preDirection === '1'){
+ return
+ } else if (dir === '4' && preDirection === '1') {
preDirection = '1'
- return
- }else if (dir==='4' && preDirection === '2'){
+ return
+ } else if (dir === '4' && preDirection === '2') {
preDirection = '2'
- return
+ return
}
}
-
- let currencyList = this.state.data.map ((x,i) =>{
- return (
-
+
+ let currencyList = this.state.data.map((x, i) => {
+ return (
+
this.handleBox(x.priceData.from, x.priceData.to, x.priceData.price, x.priceData.exchange, x.priceData.prefix)}>
{x.priceData.from}
- ({x.priceData.exchangeFallback || x.priceData.exchange})
-
{x.priceData.prefix}{formatCurrency(x.priceData.price, {minFraction:2, maxFraction: 8})}
- {x.priceData.volume24h==0 ? null : priceDirection(x.priceData.flag)}
+ ({x.priceData.exchangeFallback || x.priceData.exchange})
+
{x.priceData.prefix}{formatCurrency(x.priceData.price, { minFraction: 2, maxFraction: 8 })}
+ {x.priceData.volume24h == 0 ? null : priceDirection(x.priceData.flag)}
- {x.priceData.volume24h==0?'no volume data':`V:${formatCurrency(x.priceData.volume24h)}`}
+ {x.priceData.volume24h == 0 ? 'no volume data' : `V:${formatCurrency(x.priceData.volume24h)}`}
{this.state.selectedBox === x.priceData.from + x.priceData.to + x.priceData.exchange ?
-
:null}
+
: null}