diff --git a/src/components/Map/MapPanel.jsx b/src/components/Map/MapPanel.jsx index da19c484c..78149033c 100644 --- a/src/components/Map/MapPanel.jsx +++ b/src/components/Map/MapPanel.jsx @@ -22,13 +22,13 @@ import Warning from '../Warnings/Warning' const WARNING_MESSAGE = '“Complaints per' + ' 1,000 population” is not available with your filter selections.' -const MAP_ROWCHART_HELPERTEXT = 'Product and sub-product the consumer' + -' identified in the complaint. Click on a product to expand sub-products.' +const MAP_ROWCHART_HELPERTEXT = 'Product the consumer identified in the' + +' complaint. Click on a product to expand sub-products' export class MapPanel extends React.Component { // eslint-disable-next-line complexity render() { - const MAP_ROWCHART_TITLE = 'Sub-products, by product from' + + const MAP_ROWCHART_TITLE = 'Product by highest complaint volume' + ' ' + this.props.minDate + ' to ' + this.props.maxDate return ( diff --git a/src/components/Trends/TrendsPanel.jsx b/src/components/Trends/TrendsPanel.jsx index f3a42aebb..039cead04 100644 --- a/src/components/Trends/TrendsPanel.jsx +++ b/src/components/Trends/TrendsPanel.jsx @@ -170,7 +170,20 @@ export class TrendsPanel extends React.Component { { focus && } - { !companyOverlay && total > 0 && + { !companyOverlay && overview && total > 0 && +
+
+

{this._areaChartTitle()}

+

A time series graph of + complaints for the selected date range. Hover on the + chart to see the count for each date interval. Your filter + selections will update what you see on the graph. +

+
+
+ } + + { !companyOverlay && !overview && total > 0 &&

{this._areaChartTitle()}

@@ -185,6 +198,7 @@ export class TrendsPanel extends React.Component {
} + { !companyOverlay && total > 0 &&
diff --git a/src/components/__tests__/__snapshots__/MapPanel.spec.jsx.snap b/src/components/__tests__/__snapshots__/MapPanel.spec.jsx.snap index eca301374..a4caf06f6 100644 --- a/src/components/__tests__/__snapshots__/MapPanel.spec.jsx.snap +++ b/src/components/__tests__/__snapshots__/MapPanel.spec.jsx.snap @@ -171,10 +171,10 @@ exports[`component:MapPanel renders Print without crashing 1`] = ` className="row-chart-section" >

- Sub-products, by product from 07/10/2017 to 07/10/2020 + Product by highest complaint volume 07/10/2017 to 07/10/2020

- Product and sub-product the consumer identified in the complaint. Click on a product to expand sub-products. + Product the consumer identified in the complaint. Click on a product to expand sub-products

- Sub-products, by product from 07/10/2017 to 07/10/2020 + Product by highest complaint volume 07/10/2017 to 07/10/2020

- Product and sub-product the consumer identified in the complaint. Click on a product to expand sub-products. + Product the consumer identified in the complaint. Click on a product to expand sub-products

- Sub-products, by product from 07/10/2017 to 07/10/2020 + Product by highest complaint volume 07/10/2017 to 07/10/2020

- Product and sub-product the consumer identified in the complaint. Click on a product to expand sub-products. + Product the consumer identified in the complaint. Click on a product to expand sub-products

- Sub-products, by product from 07/10/2017 to 07/10/2020 + Product by highest complaint volume 07/10/2017 to 07/10/2020

- Product and sub-product the consumer identified in the complaint. Click on a product to expand sub-products. + Product the consumer identified in the complaint. Click on a product to expand sub-products

- Sub-products, by product from 07/10/2017 to 07/10/2020 + Product by highest complaint volume 07/10/2017 to 07/10/2020

- Product and sub-product the consumer identified in the complaint. Click on a product to expand sub-products. + Product the consumer identified in the complaint. Click on a product to expand sub-products

- A time series graph of the (up to five) highest volume complaints for the selected date range. However, you can view all of your selections in the bar chart, below. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph. + A time series graph of complaints for the selected date range. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph.

@@ -2051,7 +2051,7 @@ exports[`component:TrendsPanel Snapshots renders lineChart Overview without cras

- A time series graph of the (up to five) highest volume complaints for the selected date range. However, you can view all of your selections in the bar chart, below. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph. + A time series graph of complaints for the selected date range. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph.

@@ -2315,7 +2315,7 @@ exports[`component:TrendsPanel Snapshots renders mobile filters without crashing

- A time series graph of the (up to five) highest volume complaints for the selected date range. However, you can view all of your selections in the bar chart, below. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph. + A time series graph of complaints for the selected date range. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph.

@@ -2578,7 +2578,7 @@ exports[`component:TrendsPanel Snapshots renders print mode without crashing 1`]

- A time series graph of the (up to five) highest volume complaints for the selected date range. However, you can view all of your selections in the bar chart, below. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph. + A time series graph of complaints for the selected date range. Hover on the chart to see the count for each date interval. Your filter selections will update what you see on the graph.