All files / comparison_chart/components/Title index.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
1x
 
 
 
 
1x
 
 
 
 
 
import React from 'react';
import PropTypes from 'prop-types';
import { ChartTitle } from '@bufferapp/analyze-shared-components';
 
function capitalizeMetricName(name) {
  return `${name.charAt(0).toUpperCase()}${name.slice(1)}`;
}
 
const ComparisonTitle = ({ metricKey, forReport }) =>
  <ChartTitle forReport={forReport}>
    {capitalizeMetricName(metricKey)} comparison
  </ChartTitle>
;
 
ComparisonTitle.propTypes = {
  metricKey: PropTypes.string.isRequired,
  forReport: PropTypes.bool,
};
 
ComparisonTitle.defaultProps = {
  forReport: false,
};
 
export default ComparisonTitle;