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

Always show chart button in history

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-17 14:14:04 +02:00
parent 9a8474e3d8
commit 8959bbdee7
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/src/components/Sidebar/HistoryDrawer.tsx
View File

@@ -77,16 +77,18 @@ class HistoryDrawer extends React.Component<Props, State> {
return ( return (
<div className={this.props.classes.main}> <div className={this.props.classes.main}>
<div style={{ backgroundColor: emphasize(this.props.theme.palette.background.default, 0.07) }}> <div style={{ backgroundColor: emphasize(this.props.theme.palette.background.default, 0.07) }}>
<Typography component={'span'} onClick={this.toggle} style={{ cursor: 'pointer' }}> <Typography component={'span'} onClick={this.toggle} style={{ cursor: 'pointer', display: 'flex' }}>
<Badge <span style={{ flexGrow: 1 }}>
classes={{ badge: this.props.classes.badge }} <Badge
invisible={!visible} classes={{ badge: this.props.classes.badge }}
badgeContent={this.props.items.length} invisible={!visible}
color="primary" badgeContent={this.props.items.length}
> color="primary"
{this.state.collapsed ? '▶ History' : '▼ History'} >
</Badge> {this.state.collapsed ? '▶ History' : '▼ History'}
<div style={{ float: 'right' }}>{this.state.collapsed ? this.props.contentTypeIndicator : null}</div> </Badge>
</span>
<span>{this.props.contentTypeIndicator}</span>
</Typography> </Typography>
</div> </div>
<div style={{ maxHeight: '230px', overflowY: 'scroll' }}> <div style={{ maxHeight: '230px', overflowY: 'scroll' }}>