luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor

Browse Source
This commit is contained in:
Thomas Nordquist
2019-06-17 12:12:22 +02:00
parent 90e5336c5c
commit fcb61b563c
6 changed files with 174 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/components/Sidebar/PlotHistory.tsx
View File

@@ -14,7 +14,7 @@ interface Props {
export default withTheme((props: Props) => {
const [width, setWidth] = React.useState(300)
const [tooltip, setTooltip] = React.useState({ value: undefined })
const detectResize = React.useCallback(width => setWidth(width), [])
const detectResize = React.useCallback(newWidth => setWidth(newWidth), [])
const hintFormatter = React.useCallback((point: any) => {
return [
@@ -41,7 +41,11 @@ export default withTheme((props: Props) => {
<XAxis />
<YAxis width={45} tickFormat={(num: number) => abbreviate(num)} />
<LineMarkSeries
color={props.theme.palette.secondary.dark}
color={
props.theme.palette.type === 'light'
? props.theme.palette.secondary.dark
: props.theme.palette.primary.light
}
onValueMouseOver={showTooltip}
onValueMouseOut={hideTooltip}
size={3}