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-16 22:30:56 +02:00
parent 6829046d8c
commit acff7ea631
2 changed files with 9 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/src/components/ChartPanel/index.tsx
View File

@@ -28,24 +28,6 @@ function spacingForChartCount(count: number): 4 | 6 | 12 {
} }
} }
// function FadingChart(props: { chartParameters: ChartParameters; chartsInView: number; key: any }) {
// const { chartsInView, chartParameters } = props
// const [spacing, setSpacing] = React.useState(spacingForChartCount(chartsInView))
// // Update spacing after animations have completed
// React.useEffect(() => {
// const newSpacing = spacingForChartCount(chartsInView)
// if (spacing !== newSpacing) {
// setSpacing(newSpacing)
// // setTimeout(() => , 500)
// }
// })
// return (
// )
// }
function ChartPanel(props: Props) { function ChartPanel(props: Props) {
const chartsInView = props.charts.count() const chartsInView = props.charts.count()

17
app/src/components/Sidebar/CodeDiff/Gutters.tsx
View File

@@ -4,10 +4,9 @@ import * as React from 'react'
import Add from '@material-ui/icons/Add' import Add from '@material-ui/icons/Add'
import ChartPreview from './ChartPreview' import ChartPreview from './ChartPreview'
import Remove from '@material-ui/icons/Remove' import Remove from '@material-ui/icons/Remove'
import ShowChart from '@material-ui/icons/ShowChart'
import { Theme, Tooltip } from '@material-ui/core'
import { JsonPropertyLocation } from '../../../../../backend/src/JsonAstParser' import { JsonPropertyLocation } from '../../../../../backend/src/JsonAstParser'
import { lineChangeStyle, trimNewlineRight } from './util' import { lineChangeStyle, trimNewlineRight } from './util'
import { Theme } from '@material-ui/core'
import { withStyles } from '@material-ui/styles' import { withStyles } from '@material-ui/styles'
interface Props { interface Props {
@@ -53,12 +52,14 @@ function tokensForLine(change: diff.Change, line: number, props: Props) {
const { classes, literalPositions } = props const { classes, literalPositions } = props
const literal = literalPositions[line] const literal = literalPositions[line]
let chartPreview = null const chartPreview = Boolean(literal) ? (
if (literal) { <ChartPreview
chartPreview = ( key="chartPreview"
<ChartPreview treeNode={props.treeNode} classes={{ icon: props.classes.iconButton }} literal={literal} /> treeNode={props.treeNode}
) classes={{ icon: props.classes.iconButton }}
} literal={literal}
/>
) : null
if (change.added) { if (change.added) {
return [chartPreview, <Add key="add" className={classes.icon} />] return [chartPreview, <Add key="add" className={classes.icon} />]