ui: rename customgraph to customChart

Fixes: cockroachdb#23419 Release note: None
couchand · Mar 15, 2018 · 06f6ae1 · 06f6ae1
1 parent d493daa
commit 06f6ae1
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
@@ -52,7 +52,7 @@ import Range from "src/views/reports/containers/range";
 import CommandQueue from "src/views/reports/containers/commandQueue";
 import Debug from "src/views/reports/containers/debug";
 import ReduxDebug from "src/views/reports/containers/redux";
-import CustomGraph from "src/views/reports/containers/customgraph";
+import CustomChart from "src/views/reports/containers/customChart";
 import NotFound from "src/views/app/components/NotFound";
 
 import { alertDataSync } from "src/redux/alerts";
@@ -129,7 +129,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,15 +15,15 @@ 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";
 
 const axisUnitsOptions: DropdownOption[] = [
   AxisUnits.Count,
   AxisUnits.Bytes,
   AxisUnits.Duration,
 ].map(au => ({ label: AxisUnits[au], value: au.toString() }));
 
-export interface CustomGraphProps {
+export interface CustomChartProps {
   refreshNodes: typeof refreshNodes;
   nodesQueryValid: boolean;
   nodesSummary: NodesSummary;
@@ -34,7 +34,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(
@@ -79,7 +79,7 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
   );
 
   static title() {
-    return "Custom Graph";
+    return "Custom Chart";
   }
 
   refresh(props = this.props) {
@@ -92,7 +92,7 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
     this.refresh();
   }
 
-  componentWillReceiveProps(props: CustomGraphProps & WithRouterProps) {
+  componentWillReceiveProps(props: CustomChartProps & WithRouterProps) {
     this.refresh(props);
   }
 
@@ -144,21 +144,21 @@ 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();
     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}>
               {
@@ -247,7 +247,7 @@ class CustomGraph extends React.Component<CustomGraphProps & WithRouterProps> {
             />
           </PageConfigItem>
         </PageConfig>
-        { this.renderGraph() }
+        { this.renderChart() }
         { this.renderMetricsTable() }
       </div>
     );
@@ -265,4 +265,4 @@ const mapDispatchToProps = {
   refreshNodes,
 };
 
-export default connect(mapStateToProps, mapDispatchToProps)(withRouter(CustomGraph));
+export default connect(mapStateToProps, mapDispatchToProps)(withRouter(CustomChart));
diff --git a/pkg/ui/src/views/reports/containers/debug/index.tsx b/pkg/ui/src/views/reports/containers/debug/index.tsx
@@ -221,10 +221,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>