Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems: don't display empty acknowledges list

Browse Source
This commit is contained in:
Alexander Zobnin
2019-02-13 11:52:32 +03:00
parent fd2265bda6
commit 55f206d091
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/panel-triggers/components/Problems/ProblemDetails.tsx
View File

@@ -81,6 +81,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
const wideLayout = rootWidth > 1200; const wideLayout = rootWidth > 1200;
const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1400; const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1400;
const age = moment.unix(problem.lastchangeUnix).fromNow(true); const age = moment.unix(problem.lastchangeUnix).fromNow(true);
const showAcknowledges = problem.acknowledges && problem.acknowledges.length !== 0;
return ( return (
<div className={`problem-details-container ${displayClass}`}> <div className={`problem-details-container ${displayClass}`}>
@@ -122,14 +123,14 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
{this.state.events.length > 0 && {this.state.events.length > 0 &&
<ProblemTimeline events={this.state.events} timeRange={this.props.timeRange} /> <ProblemTimeline events={this.state.events} timeRange={this.props.timeRange} />
} }
{problem.acknowledges && !wideLayout && {showAcknowledges && !wideLayout &&
<div className="problem-ack-container"> <div className="problem-ack-container">
<h6><FAIcon icon="reply-all" /> Acknowledges</h6> <h6><FAIcon icon="reply-all" /> Acknowledges</h6>
<AcknowledgesList acknowledges={problem.acknowledges} /> <AcknowledgesList acknowledges={problem.acknowledges} />
</div> </div>
} }
</div> </div>
{problem.acknowledges && wideLayout && {showAcknowledges && wideLayout &&
<div className="problem-details-middle"> <div className="problem-details-middle">
<div className="problem-ack-container"> <div className="problem-ack-container">
<h6><FAIcon icon="reply-all" /> Acknowledges</h6> <h6><FAIcon icon="reply-all" /> Acknowledges</h6>