uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Convert pure Components to functions

Browse source
This commit is contained in:
uwap 2018-09-02 13:24:55 +02:00
parent 37c9f524cd
commit 97ca2e9d94
2 changed files with 49 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/components/TopBar.js
View file

@ -11,33 +11,22 @@ export type TopBarProps = {
connected: boolean
};
export type TopBarState = {
const renderConnectionIndicator = (connected: boolean) => {
if (connected) {
return (<i style={{fontSize: 48}} className="mdi mdi-map"></i>);
}
return (
<CircularProgress size={48} style={{color: "rgba(0, 0, 0, 0.54)"}} />
);
};
export default class TopBar
extends React.PureComponent<TopBarProps, TopBarState> {
constructor(props: TopBarProps) {
super(props);
}
const TopBar = (props: TopBarProps) => (
<AppBar position="static">
<Toolbar>
{renderConnectionIndicator(props.connected)}
<Typography variant="title">{props.title}</Typography>
</Toolbar>
</AppBar>
);
render() {
return (
<AppBar position="static">
<Toolbar>
{this.renderConnectionIndicator()}
<Typography variant="title">{this.props.title}</Typography>
</Toolbar>
</AppBar>
);
}
renderConnectionIndicator() {
if (this.props.connected) {
return (<i style={{fontSize: 48}} className="mdi mdi-map"></i>);
}
return (
<CircularProgress size={48} style={{color: "rgba(0, 0, 0, 0.54)"}} />
);
}
}
export default TopBar;