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

feat: add y log scale

Browse source
This commit is contained in:
Nikola Ubavic 2022-08-11 20:19:59 +02:00 • committed by Rafael
parent f079a2926b
commit 80715259b1
4 changed files with 75 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

11
new-lamassu-admin/src/pages/Analytics/components/wrappers/OverTimeWrapper.js
View file

@ -1,8 +1,8 @@
import { Box } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'
import React from 'react'
import React, { useState } from 'react'
import { Select } from 'src/components/inputs'
import { Select, Switch } from 'src/components/inputs'
import { H2 } from 'src/components/typography'
import { primaryColor } from 'src/styling/variables'
@ -25,6 +25,8 @@ const OverTimeDotGraphHeader = ({
}) => {
const classes = useStyles()
const [logarithmic, setLogarithmic] = useState()
const legend = {
cashIn: <div className={classes.cashInIcon}></div>,
cashOut: <div className={classes.cashOutIcon}></div>,
@ -57,6 +59,10 @@ const OverTimeDotGraphHeader = ({
</Box>
</div>
<div className={classes.graphHeaderRight}>
<div className={classes.graphHeaderSwitchBox}>
<span>Log. scale</span>
<Switch onChange={event => setLogarithmic(event.target.checked)} />
</div>
<Select
label="Machines"
onSelectedItemChange={handleMachineChange}
@ -74,6 +80,7 @@ const OverTimeDotGraphHeader = ({
currency={currency}
selectedMachine={selectedMachine}
machines={machines}
log={logarithmic}
/>
</>
)