Merge pull request #211 from caktus/dropdown-description-tooltips

Updated the label on the second new Traffic Stops by Stop Purpose and…
caktus · Jul 24, 2023 · 414e840 · 414e840
2 parents b8ddaab + 11b8258
commit 414e840
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/frontend/src/Components/Charts/TrafficStops/TrafficStops.js b/frontend/src/Components/Charts/TrafficStops/TrafficStops.js
@@ -47,6 +47,7 @@ import range from 'lodash.range';
 import LineChart from '../../NewCharts/LineChart';
 import axios from '../../../Services/Axios';
 import NewModal from '../../NewCharts/NewModal';
+import displayDefinition from '../../../util/displayDefinition';
 
 function TrafficStops(props) {
  const { agencyId } = props;
@@ -493,6 +494,11 @@ function TrafficStops(props) {
  onChange={handleStopPurposeSelect}
  options={[PURPOSE_DEFAULT].concat(stopTypes)}
  />
+
+ {purpose !== PURPOSE_DEFAULT && (
+ <p style={{ marginTop: '10px' }}>{displayDefinition(purpose)}</p>
+ )}
+
  <MonthRangePicker
  agencyId={agencyId}
  dataSet={purpose !== PURPOSE_DEFAULT ? STOPS_BY_REASON : STOPS}
@@ -585,7 +591,7 @@ function TrafficStops(props) {
  <GroupedStopsContainer>
  <LineChart
  data={stopsGroupedByPurposeData.regulatory}
- title="Regulatory Equipment"
+ title="Regulatory/Equipment"
  maintainAspectRatio={false}
  displayLegend={false}
  yAxisMax={stopsGroupedByPurposeData.max_step_size}

diff --git a/frontend/src/util/displayDefinition.js b/frontend/src/util/displayDefinition.js