mirror of https://github.com/linkerd/linkerd2.git
Fix success rate not appearing in Top column (#1816)
* Fix success rate mini chart not appearing on Top event tables * Fix success rates being left aligned
This commit is contained in:
parent
c59f43d827
commit
d2f847a484
|
@ -3,9 +3,9 @@ import { directionColumn, srcDstColumn, tapLink } from './util/TapUtils.jsx';
|
|||
import BaseTable from './BaseTable.jsx';
|
||||
import PropTypes from 'prop-types';
|
||||
import React from 'react';
|
||||
import SuccessRateMiniChart from './util/SuccessRateMiniChart.jsx';
|
||||
import _ from 'lodash';
|
||||
import { formatLatencySec } from './util/Utils.js';
|
||||
import { successRateWithMiniChart } from './util/MetricUtils.jsx';
|
||||
import { withContext } from './util/AppContext.jsx';
|
||||
|
||||
const topColumns = (resourceType, ResourceLink, PrefixedLink) => [
|
||||
|
@ -57,7 +57,8 @@ const topColumns = (resourceType, ResourceLink, PrefixedLink) => [
|
|||
title: "Success Rate",
|
||||
key: "successRate",
|
||||
isNumeric: true,
|
||||
render: d => _.isNil(d) || !d.get ? "---" : successRateWithMiniChart(d.get())
|
||||
render: d => _.isNil(d) || _.isNil(d.successRate) ? "---" :
|
||||
<SuccessRateMiniChart sr={d.successRate.get()} />
|
||||
},
|
||||
{
|
||||
title: "Tap",
|
||||
|
|
|
@ -10,7 +10,7 @@ class SuccessRateMiniChart extends React.Component {
|
|||
const { sr } = this.props;
|
||||
|
||||
return (
|
||||
<Grid container alignItems="center" spacing={8}>
|
||||
<Grid container justify="flex-end" alignItems="center" spacing={8}>
|
||||
<Grid item>{metricToFormatter["SUCCESS_RATE"](sr)}</Grid>
|
||||
<Grid item>{_.isNil(sr) ? null :
|
||||
<SuccessRateDot sr={sr} />
|
||||
|
|
Loading…
Reference in New Issue