lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: rare footer crash in dashboard page

Browse source
This commit is contained in:
csrapr 2021-04-06 18:44:24 +01:00
parent 58b74a6425
commit 018ce5e521
1 changed files with 17 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

32
new-lamassu-admin/src/pages/Dashboard/Footer/Footer.js
View file

@ -31,27 +31,29 @@ BigNumber.config({ ROUNDING_MODE: BigNumber.ROUND_HALF_UP })
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)
const Footer = () => { const Footer = () => {
const { data, loading } = useQuery(GET_DATA) const { data } = useQuery(GET_DATA)
const [expanded, setExpanded] = useState(false) const [expanded, setExpanded] = useState(false)
const [delayedExpand, setDelayedExpand] = useState(null) const [delayedExpand, setDelayedExpand] = useState(null)
const withCommissions = R.path(['cryptoRates', 'withCommissions'])(data) ?? {}
const classes = useStyles({ const classes = useStyles({
bigFooter: R.keys(data?.cryptoRates?.withCommissions).length > 8, bigFooter: R.keys(withCommissions).length > 8,
expanded expanded
}) })
const config = R.path(['config'])(data) ?? {}
const canExpand = R.keys(withCommissions).length > 4
const canExpand = R.keys(data?.cryptoRates.withCommissions ?? []).length > 4 const wallets = fromNamespace('wallets')(config)
const cryptoCurrencies = R.path(['cryptoCurrencies'])(data) ?? []
const wallets = fromNamespace('wallets')(data?.config) const accountsConfig = R.path(['accountsConfig'])(data) ?? []
const localeFiatCurrency = R.path(['locale_fiatCurrency'])(config) ?? ''
const renderFooterItem = key => { const renderFooterItem = key => {
const idx = R.findIndex(R.propEq('code', key))(data.cryptoCurrencies) const idx = R.findIndex(R.propEq('code', key))(cryptoCurrencies)
const tickerCode = wallets[`${key}_ticker`] const tickerCode = wallets[`${key}_ticker`]
const tickerIdx = R.findIndex(R.propEq('code', tickerCode))( const tickerIdx = R.findIndex(R.propEq('code', tickerCode))(accountsConfig)
data.accountsConfig
)
const tickerName = data.accountsConfig[tickerIdx].display const tickerName = tickerIdx > -1 ? accountsConfig[tickerIdx].display : ''
const cashInNoCommission = parseFloat( const cashInNoCommission = parseFloat(
R.path(['cryptoRates', 'withoutCommissions', key, 'cashIn'])(data) R.path(['cryptoRates', 'withoutCommissions', key, 'cashIn'])(data)
@ -74,12 +76,10 @@ const Footer = () => {
) )
).toFormat(2) ).toFormat(2)
const localeFiatCurrency = data.config.locale_fiatCurrency
return ( return (
<Grid key={key} item xs={3}> <Grid key={key} item xs={3}>
<Label2 className={classes.label}> <Label2 className={classes.label}>
{data.cryptoCurrencies[idx].display} {cryptoCurrencies[idx].display}
</Label2> </Label2>
<div className={classes.headerLabels}> <div className={classes.headerLabels}>
<div className={classes.headerLabel}> <div className={classes.headerLabel}>
@ -116,15 +116,11 @@ const Footer = () => {
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
/> />
<div className={classes.content}> <div className={classes.content}>
{!loading && data && (
<Grid container spacing={1}> <Grid container spacing={1}>
<Grid container className={classes.footerContainer}> <Grid container className={classes.footerContainer}>
{R.keys(data.cryptoRates.withCommissions).map(key => {R.keys(withCommissions).map(key => renderFooterItem(key))}
renderFooterItem(key)
)}
</Grid> </Grid>
</Grid> </Grid>
)}
</div> </div>
<div className={classes.footer} /> <div className={classes.footer} />
</> </>