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

Clean up

Browse Source
This commit is contained in:
Thomas Nordquist
2019-01-14 00:15:53 +01:00
parent 322c8e67aa
commit bd3b81273d
2 changed files with 10 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/components/TitleBar.tsx
View File

@@ -87,7 +87,8 @@ class TitleBar extends React.Component<Props, State> {
public render() { public render() {
const { classes } = this.props const { classes } = this.props
return <AppBar position="static"> return (
<AppBar position="static">
<Toolbar> <Toolbar>
<IconButton className={classes.menuButton} color="inherit" aria-label="Menu" onClick={this.props.actions.toggleSettingsVisibility}> <IconButton className={classes.menuButton} color="inherit" aria-label="Menu" onClick={this.props.actions.toggleSettingsVisibility}>
<Menu /> <Menu />
@@ -95,6 +96,7 @@ class TitleBar extends React.Component<Props, State> {
<Typography className={classes.title} variant="h6" color="inherit">MQTT-Explorer</Typography> <Typography className={classes.title} variant="h6" color="inherit">MQTT-Explorer</Typography>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
)
} }
private renderSearch() { private renderSearch() {

33
app/src/components/Tree/TreeNode.tsx
View File

@@ -1,13 +1,14 @@
import * as React from 'react' import * as React from 'react'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { treeActions } from '../../actions'
import * as q from '../../../../backend/src/Model' import * as q from '../../../../backend/src/Model'
import { withStyles, Theme } from '@material-ui/core/styles'
import { isElementInViewport } from '../helper/isElementInViewport' import { Theme, withStyles } from '@material-ui/core/styles'
import TreeNodeTitle from './TreeNodeTitle'
import TreeNodeSubnodes from './TreeNodeSubnodes' import TreeNodeSubnodes from './TreeNodeSubnodes'
import TreeNodeTitle from './TreeNodeTitle'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { isElementInViewport } from '../helper/isElementInViewport'
import { treeActions } from '../../actions'
declare var performance: any declare var performance: any
@@ -119,12 +120,6 @@ class TreeNode extends React.Component<Props, State> {
const renderTime = performance.now() - this.willUpdateTime const renderTime = performance.now() - this.willUpdateTime
this.props.performanceCallback(renderTime) this.props.performanceCallback(renderTime)
} }
// setTimeout(() => {
// this.setState(this.state)
// }, 500)
// this.addCssAnimation()
// setTimeout(this.removeCssAnimation, 500)
} }
public componentWillUpdate() { public componentWillUpdate() {
@@ -145,20 +140,6 @@ class TreeNode extends React.Component<Props, State> {
return this.props.treeNode.edgeCount() > this.props.autoExpandLimit return this.props.treeNode.edgeCount() > this.props.autoExpandLimit
} }
// private addCssAnimation = () => {
// const element = this.titleRef.current
// if ((this.dirtyEdges || this.dirtyMessage || this.dirtySubnodes) && element && isElementInViewport(element)) {
// element.style.animation = 'example 0.5s'
// }
// }
//
// private removeCssAnimation = () => {
// const element = this.titleRef.current
// if (element && element.style.animation) {
// element.style.animation = ''
// }
// }
public render() { public render() {
const { classes } = this.props const { classes } = this.props
const isDirty = this.dirtyEdges || this.dirtyMessage || this.dirtySubnodes const isDirty = this.dirtyEdges || this.dirtyMessage || this.dirtySubnodes