mirror of https://github.com/linkerd/linkerd2.git
33 lines
764 B
JavaScript
33 lines
764 B
JavaScript
import Grid from '@material-ui/core/Grid';
|
|
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import SuccessRateDot from "./SuccessRateDot.jsx";
|
|
import _ from 'lodash';
|
|
import { metricToFormatter } from './Utils.js';
|
|
|
|
class SuccessRateMiniChart extends React.Component {
|
|
render() {
|
|
const { sr } = this.props;
|
|
|
|
return (
|
|
<Grid container justify="flex-end" alignItems="center" spacing={8}>
|
|
<Grid item>{metricToFormatter["SUCCESS_RATE"](sr)}</Grid>
|
|
<Grid item>{_.isNil(sr) ? null :
|
|
<SuccessRateDot sr={sr} />
|
|
}
|
|
</Grid>
|
|
</Grid>
|
|
);
|
|
}
|
|
}
|
|
|
|
SuccessRateMiniChart.propTypes = {
|
|
sr: PropTypes.number,
|
|
};
|
|
|
|
SuccessRateMiniChart.defaultProps = {
|
|
sr: null
|
|
};
|
|
|
|
export default SuccessRateMiniChart;
|