This reverts commit 9ded648bc532cfd5b044097970fbc4b4dab9b489.
@@ -10,7 +10,7 @@ export interface Options {
decimals: number;
prefix: string;
stat: string;
- sufix: string;
+ suffix: string;
unit: string;
}
@@ -56,10 +56,10 @@ class GaugeOptions extends PureComponent<PanelOptionsProps<Options>> {
onPrefixChange = event => this.props.onChange({ ...this.props.options, prefix: event.target.value });
- onSufixChange = event => this.props.onChange({ ...this.props.options, sufix: event.target.value });
+ onSuffixChange = event => this.props.onChange({ ...this.props.options, suffix: event.target.value });
render() {
- const { stat, unit, decimals, prefix, sufix } = this.props.options;
+ const { stat, unit, decimals, prefix, suffix } = this.props.options;
return (
<div>
<div className="section gf-form-group">
@@ -94,8 +94,8 @@ class GaugeOptions extends PureComponent<PanelOptionsProps<Options>> {
<input className="gf-form-input width-12" type="text" value={prefix || ''} onChange={this.onPrefixChange} />
</div>
<div className="gf-form-inline">
- <Label width={5}>Sufix</Label>
- <input className="gf-form-input width-12" type="text" value={sufix || ''} onChange={this.onSufixChange} />
+ <Label width={5}>Suffix</Label>
+ <input className="gf-form-input width-12" type="text" value={suffix || ''} onChange={this.onSuffixChange} />
@@ -17,7 +17,7 @@ interface Props {
height: number;
stat?: string;
const colors = ['rgba(50, 172, 45, 0.97)', 'rgba(237, 129, 40, 0.89)', 'rgba(245, 54, 54, 0.9)'];
@@ -32,7 +32,7 @@ export class Gauge extends PureComponent<Props> {
prefix: '',
showThresholdMarkers: true,
showThresholdLables: false,
- sufix: '',
+ suffix: '',
thresholds: [0, 100],
};
@@ -45,10 +45,10 @@ export class Gauge extends PureComponent<Props> {
formatValue(value) {
- const { decimals, prefix, sufix, unit } = this.props;
+ const { decimals, prefix, suffix, unit } = this.props;
const formatFunc = kbn.valueFormats[unit];
- return `${prefix} ${formatFunc(value, decimals)} ${sufix}`;
+ return `${prefix} ${formatFunc(value, decimals)} ${suffix}`;
draw() {