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

problems: fix alert list styles

Browse Source
This commit is contained in:
Alexander Zobnin
2019-01-15 17:31:05 +03:00
parent 466b328ad7
commit 195373953c
4 changed files with 71 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/panel-triggers/components/AlertList/AlertList.tsx
View File

@@ -59,33 +59,32 @@ export default class AlertList extends PureComponent<AlertListProps, AlertListSt
const { problems, panelOptions } = this.props;
const currentProblems = this.getCurrentProblems(this.state.page);
return [
return (
<div className="triggers-panel-container" key="alertListContainer">
<div className="triggers-panel-scroll">
<section className="card-section card-list-layout-list">
<ol className="alert-rule-list">
{currentProblems.map(problem =>
<AlertCard
key={problem.triggerid}
problem={problem}
panelOptions={panelOptions}
onTagClick={this.handleTagClick}
onProblemAck={this.handleProblemAck}
/>
)}
</ol>
</section>
<section className="card-section card-list-layout-list">
<ol className="alert-rule-list">
{currentProblems.map(problem =>
<AlertCard
key={problem.triggerid}
problem={problem}
panelOptions={panelOptions}
onTagClick={this.handleTagClick}
onProblemAck={this.handleProblemAck}
/>
)}
</ol>
</section>
<div className="triggers-panel-footer" key="alertListFooter">
<PaginationControl
itemsLength={problems.length}
pageSize={this.props.pageSize}
pageIndex={this.state.page}
onPageChange={this.handlePageChange}
/>
</div>
</div>,
<div className="triggers-panel-footer" key="alertListFooter">
<PaginationControl
itemsLength={problems.length}
pageSize={this.props.pageSize}
pageIndex={this.state.page}
onPageChange={this.handlePageChange}
/>
</div>
];
);
}
}