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" /> - +