ui: rename customgraph to customChart

Fixes: #23419 Release note: None
cockroachdb · Mar 20, 2018 · 2a76f73 · 2a76f73
1 parent 3bd0dcc
commit 2a76f73
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 16 deletions.
diff --git 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(
         <Route path="debug">
           <IndexRoute component={Debug} />
           <Route path="redux" component={ReduxDebug} />
-          <Route path="graph" component={CustomGraph} />
+          <Route path="chart" component={CustomChart} />
         </Route>
         <Route path="raft" component={ Raft }>
           <IndexRedirect to="ranges" />

diff --git a/...s/containers/customgraph/customgraph.styl → ...s/containers/customChart/customChart.styl b/...s/containers/customgraph/customgraph.styl → ...s/containers/customChart/customChart.styl
diff --git a/...s/containers/customgraph/customMetric.tsx → ...s/containers/customChart/customMetric.tsx b/...s/containers/customgraph/customMetric.tsx → ...s/containers/customChart/customMetric.tsx
diff --git a/.../reports/containers/customgraph/index.tsx → .../reports/containers/customChart/index.tsx b/.../reports/containers/customgraph/index.tsx → .../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<CustomGraphProps & WithRouterProps> {
+class CustomChart extends React.Component<CustomChartProps & WithRouterProps> {
   // 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<CustomGraphProps & WithRouterProps> {
   );
 
   static title() {
-    return "Custom Graph";
+    return "Custom Chart";
   }
 
   refresh(props = this.props) {
@@ -94,7 +94,7 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
     this.refresh();
   }
 
-  componentWillReceiveProps(props: CustomGraphProps & WithRouterProps) {
+  componentWillReceiveProps(props: CustomChartProps & WithRouterProps) {
     this.refresh(props);
   }
 
@@ -146,22 +146,22 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
     });
   }
 
-  // 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 (
         <section className="section">
-          <h3>Click "Add Metric" to add a metric to the custom graph.</h3>
+          <h3>Click "Add Metric" to add a metric to the custom chart.</h3>
         </section>
       );
     }
 
     return (
       <section className="section">
-        <MetricsDataProvider id="debug-custom-graph">
+        <MetricsDataProvider id="debug-custom-chart">
           <LineGraph>
             <Axis units={units}>
               {
@@ -269,7 +269,7 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
             />
           </PageConfigItem>
         </PageConfig>
-        { this.renderGraph() }
+        { this.renderChart() }
         { this.renderMetricsTable() }
       </div>
     );
@@ -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
@@ -225,10 +225,10 @@ export default function Debug() {
             url="#/debug/redux"
           />
         </DebugTableRow>
-        <DebugTableRow title="Custom Time-Series Graph">
+        <DebugTableRow title="Custom Time-Series Chart">
           <DebugTableLink
-            name="Customizable graph of time series metrics"
-            url="#/debug/graph"
+            name="Customizable chart of time series metrics"
+            url="#/debug/chart"
           />
         </DebugTableRow>
       </DebugTable>