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

Fix: make percentage chart work properly

Browse source 
Fix: code review

Fix: rework components according to PR requested changes

Fix: fix repeated code buildRatesNoCommission

Also renames id to deviceId in transactions quer

Fix: pr requested changes

Chore: move inline styles to classes

Chore: remove comment

Fix: bad equality !process.env.NODE_ENV === 'production'
This commit is contained in:
Cesar 2020-12-07 19:58:20 +00:00 • committed by Josh Harvey
parent 5572fb0eb1
commit ae7eaca10c
43 changed files with 818 additions and 1578 deletions
Download patch file Download diff file Expand all files Collapse all files

52
new-lamassu-admin/src/pages/Dashboard/SystemPerformance/Nav.js
View file

@ -1,21 +1,20 @@
// import Button from '@material-ui/core/Button'
import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames'
import * as R from 'ramda'
import React, { useState } from 'react'
import { H4 } from 'src/components/typography'
import styles from './SystemPerformance.styles'
const useStyles = makeStyles(styles)
const ranges = ['Month', 'Week', 'Day']
const Nav = ({ handleSetRange }) => {
const classes = useStyles()
const [clickedItem, setClickedItem] = useState('Day')
const isSelected = innerText => {
return innerText === clickedItem
}
const isSelected = R.equals(clickedItem)
const handleClick = range => {
setClickedItem(range)
handleSetRange(range)
@ -26,34 +25,21 @@ const Nav = ({ handleSetRange }) => {
<div className={classes.titleAndButtonsContainer}>
<H4 className={classes.h4}>{'System performance'}</H4>
</div>
<div style={{ display: 'flex' }}>
<div
onClick={e => handleClick(e.target.innerText)}
className={
isSelected('Month')
? classnames(classes.newHighlightedLabel, classes.navButton)
: classnames(classes.label, classes.navButton)
}>
Month
</div>
<div
onClick={e => handleClick(e.target.innerText)}
className={
isSelected('Week')
? classnames(classes.newHighlightedLabel, classes.navButton)
: classnames(classes.label, classes.navButton)
}>
Week
</div>
<div
className={
isSelected('Day')
? classnames(classes.newHighlightedLabel, classes.navButton)
: classnames(classes.label, classes.navButton)
}
onClick={e => handleClick(e.target.innerText)}>
Day
</div>
<div className={classes.navContainer}>
{ranges.map((it, idx) => {
return (
<div
key={idx}
onClick={e => handleClick(e.target.innerText)}
className={
isSelected(it)
? classnames(classes.newHighlightedLabel, classes.navButton)
: classnames(classes.label, classes.navButton)
}>
{it}
</div>
)
})}
</div>
</div>
)