Enforce some naming conventions (#4813)

src/renderer/components/chart/bar-chart.tsx

@@ -15,18 +15,18 @@ import { ZebraStripes } from "./zebra-stripes.plugin";
 import { ThemeStore } from "../../theme.store";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 
-interface Props extends ChartProps {
+export interface BarChartProps extends ChartProps {
   name?: string;
   timeLabelStep?: number;  // Minute labels appearance step
 }
 
-const defaultProps: Partial<Props> = {
+const defaultProps: Partial<BarChartProps> = {
   timeLabelStep: 10,
   plugins: [ZebraStripes],
 };
 
 @observer
-export class BarChart extends React.Component<Props> {
+export class BarChart extends React.Component<BarChartProps> {
   static defaultProps = defaultProps as object;
 
   render() {

src/renderer/components/chart/pie-chart.tsx

@@ -11,11 +11,11 @@ import { Chart, ChartProps } from "./chart";
 import { cssNames } from "../../utils";
 import { ThemeStore } from "../../theme.store";
 
-interface Props extends ChartProps {
+export interface PieChartProps extends ChartProps {
 }
 
 @observer
-export class PieChart extends React.Component<Props> {
+export class PieChart extends React.Component<PieChartProps> {
   render() {
     const { data, className, options, ...chartProps } = this.props;
     const { contentColor } = ThemeStore.getInstance().activeTheme.colors;