diff --git a/pkg/ui/src/index.tsx b/pkg/ui/src/index.tsx
index 3dc58ce36d6d..d385bd86367a 100644
--- a/pkg/ui/src/index.tsx
+++ b/pkg/ui/src/index.tsx
@@ -44,7 +44,7 @@ import NodeLogs from "src/views/cluster/containers/nodeLogs";
import JobsPage from "src/views/jobs";
import Certificates from "src/views/reports/containers/certificates";
import CommandQueue from "src/views/reports/containers/commandQueue";
-import CustomGraph from "src/views/reports/containers/customgraph";
+import CustomChart from "src/views/reports/containers/customChart";
import Debug from "src/views/reports/containers/debug";
import ProblemRanges from "src/views/reports/containers/problemRanges";
import Localities from "src/views/reports/containers/localities";
@@ -126,7 +126,7 @@ ReactDOM.render(
-
+
diff --git a/pkg/ui/src/views/reports/containers/customgraph/customgraph.styl b/pkg/ui/src/views/reports/containers/customChart/customChart.styl
similarity index 100%
rename from pkg/ui/src/views/reports/containers/customgraph/customgraph.styl
rename to pkg/ui/src/views/reports/containers/customChart/customChart.styl
diff --git a/pkg/ui/src/views/reports/containers/customgraph/customMetric.tsx b/pkg/ui/src/views/reports/containers/customChart/customMetric.tsx
similarity index 100%
rename from pkg/ui/src/views/reports/containers/customgraph/customMetric.tsx
rename to pkg/ui/src/views/reports/containers/customChart/customMetric.tsx
diff --git a/pkg/ui/src/views/reports/containers/customgraph/index.tsx b/pkg/ui/src/views/reports/containers/customChart/index.tsx
similarity index 94%
rename from pkg/ui/src/views/reports/containers/customgraph/index.tsx
rename to pkg/ui/src/views/reports/containers/customChart/index.tsx
index 529f0a732dc5..1e6692062901 100644
--- a/pkg/ui/src/views/reports/containers/customgraph/index.tsx
+++ b/pkg/ui/src/views/reports/containers/customChart/index.tsx
@@ -15,7 +15,7 @@ import { Metric, Axis, AxisUnits } from "src/views/shared/components/metricQuery
import { PageConfig, PageConfigItem } from "src/views/shared/components/pageconfig";
import { CustomMetricState, CustomMetricRow } from "./customMetric";
-import "./customgraph.styl";
+import "./customChart.styl";
import { NodeStatus$Properties } from "../../../../util/proto";
@@ -25,7 +25,7 @@ const axisUnitsOptions: DropdownOption[] = [
AxisUnits.Duration,
].map(au => ({ label: AxisUnits[au], value: au.toString() }));
-export interface CustomGraphProps {
+export interface CustomChartProps {
refreshNodes: typeof refreshNodes;
nodesQueryValid: boolean;
nodesSummary: NodesSummary;
@@ -36,7 +36,7 @@ interface UrlState {
units: string;
}
-class CustomGraph extends React.Component {
+class CustomChart extends React.Component {
// Selector which computes dropdown options based on the nodes available on
// the cluster.
private nodeOptions = createSelector(
@@ -81,7 +81,7 @@ class CustomGraph extends React.Component {
);
static title() {
- return "Custom Graph";
+ return "Custom Chart";
}
refresh(props = this.props) {
@@ -94,7 +94,7 @@ class CustomGraph extends React.Component {
this.refresh();
}
- componentWillReceiveProps(props: CustomGraphProps & WithRouterProps) {
+ componentWillReceiveProps(props: CustomChartProps & WithRouterProps) {
this.refresh(props);
}
@@ -146,22 +146,22 @@ class CustomGraph extends React.Component {
});
}
- // Render a graph of the currently selected metrics.
- renderGraph() {
+ // Render a chart of the currently selected metrics.
+ renderChart() {
const metrics = this.currentMetrics();
const units = this.currentAxisUnits();
const { nodesSummary } = this.props;
if (_.isEmpty(metrics)) {
return (
- Click "Add Metric" to add a metric to the custom graph.
+ Click "Add Metric" to add a metric to the custom chart.
);
}
return (
-
+
{
@@ -269,7 +269,7 @@ class CustomGraph extends React.Component {
/>
- { this.renderGraph() }
+ { this.renderChart() }
{ this.renderMetricsTable() }
);
@@ -287,7 +287,7 @@ const mapDispatchToProps = {
refreshNodes,
};
-export default connect(mapStateToProps, mapDispatchToProps)(withRouter(CustomGraph));
+export default connect(mapStateToProps, mapDispatchToProps)(withRouter(CustomChart));
function isStoreMetric(nodeStatus: NodeStatus$Properties, metricName: string) {
return _.has(nodeStatus.store_statuses[0].metrics, metricName);
diff --git a/pkg/ui/src/views/reports/containers/debug/index.tsx b/pkg/ui/src/views/reports/containers/debug/index.tsx
index a8139f67a262..3d2a7155ee83 100644
--- a/pkg/ui/src/views/reports/containers/debug/index.tsx
+++ b/pkg/ui/src/views/reports/containers/debug/index.tsx
@@ -225,10 +225,10 @@ export default function Debug() {
url="#/debug/redux"
/>
-
+