diff --git a/src/panel-triggers/components/Problems.tsx b/src/panel-triggers/components/Problems.tsx index b722f66..bc2fe22 100644 --- a/src/panel-triggers/components/Problems.tsx +++ b/src/panel-triggers/components/Problems.tsx @@ -3,7 +3,7 @@ import ReactTable from 'react-table'; import classNames from 'classnames'; import _ from 'lodash'; import * as utils from '../../datasource-zabbix/utils'; -import { ProblemsPanelOptions, Trigger, ZBXEvent, GFTimeRange, RTCell, ZBXTag } from '../types'; +import { ProblemsPanelOptions, Trigger, ZBXEvent, GFTimeRange, RTCell, ZBXTag, TriggerSeverity } from '../types'; import EventTag from './EventTag'; import ProblemDetails from './ProblemDetails'; import { AckProblemData } from './Modal'; @@ -67,7 +67,7 @@ export class ProblemList extends PureComponent problem.priority, id: 'severity', - Cell: SeverityCell, + Cell: props => SeverityCell(props, options.triggerSeverity), }, { Header: 'Status', accessor: 'value', show: options.statusField, width: 100, Cell: statusCell }, { Header: 'Problem', accessor: 'description', minWidth: 200, Cell: ProblemCell}, @@ -107,7 +107,6 @@ export class ProblemList extends PureComponent) { +function SeverityCell(props: RTCell, problemSeverityDesc: TriggerSeverity[]) { + const severityDesc = _.find(problemSeverityDesc, s => s.priority === Number(props.original.priority)); return ( -
- {props.original.severity} +
+ {severityDesc.severity}
); }