add histogram back (#749)

* add histogram back * change subtitle * rename
transitmatters · Jul 13, 2023 · 25df8f8 · 25df8f8
1 parent 1e895c4
commit 25df8f8
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 7 deletions.
diff --git a/common/constants/baselines.ts b/common/constants/baselines.ts
@@ -9,7 +9,7 @@ export const PEAK_SCHEDULED_SERVICE = {
 };
 
 export const PEAK_SPEED = {
-  'line-red': 21.4,
+  'line-red': 21.2,
   'line-orange': 18,
   'line-blue': 20.5,
   'line-green': 12.6,

diff --git a/modules/headways/HeadwaysDetails.tsx b/modules/headways/HeadwaysDetails.tsx
@@ -108,7 +108,7 @@ export function HeadwaysDetails() {
           />
 
           <HeadwaysHistogramWrapper
-            headways={headways}
+            query={headways}
             fromStation={fromStation}
             toStation={toStation}
           />

diff --git a/modules/headways/charts/HeadwaysHistogramWrapper.tsx b/modules/headways/charts/HeadwaysHistogramWrapper.tsx
@@ -6,19 +6,19 @@ import { ChartPlaceHolder } from '../../../common/components/graphics/ChartPlace
 import { HeadwaysHistogram } from './HeadwaysHistogram';
 
 interface HeadwaysHistogramWrapperProps {
-  headways: UseQueryResult<SingleDayDataPoint[]>;
+  query: UseQueryResult<SingleDayDataPoint[]>;
   toStation: Station | undefined;
   fromStation: Station | undefined;
 }
 
 export const HeadwaysHistogramWrapper: React.FC<HeadwaysHistogramWrapperProps> = ({
-  headways,
+  query,
   toStation,
   fromStation,
 }) => {
-  const dataReady = headways.data && toStation && fromStation;
-  if (!dataReady) return <ChartPlaceHolder query={headways} />;
+  const dataReady = query.data && toStation && fromStation;
+  if (!dataReady) return <ChartPlaceHolder query={query} />;
   return (
-    <HeadwaysHistogram headways={headways.data} fromStation={fromStation} toStation={toStation} />
+    <HeadwaysHistogram headways={query.data} fromStation={fromStation} toStation={toStation} />
   );
 };
diff --git a/modules/tripexplorer/SubwayTripGraphs.tsx b/modules/tripexplorer/SubwayTripGraphs.tsx
@@ -14,6 +14,7 @@ import { DwellsAggregateWrapper } from '../dwells/DwellsAggregateWrapper';
 import { TravelTimesSingleWrapper } from '../traveltimes/TravelTimesSingleWrapper';
 import { HeadwaysSingleWrapper } from '../headways/HeadwaysSingleWrapper';
 import { DwellsSingleWrapper } from '../dwells/DwellsSingleWrapper';
+import { HeadwaysHistogramWrapper } from '../headways/charts/HeadwaysHistogramWrapper';
 
 interface SubwayTripGraphsProps {
   fromStation: Station;
@@ -150,6 +151,19 @@ export const SubwayTripGraphs: React.FC<SubwayTripGraphsProps> = ({
             />
             <DwellsSingleWrapper query={dwells} toStation={toStation} fromStation={fromStation} />
           </WidgetDiv>
+          <WidgetDiv>
+            <WidgetTitle
+              title="Headway distribution"
+              subtitle="Time between trains"
+              location={location}
+              line={line}
+            />
+            <HeadwaysHistogramWrapper
+              query={headways}
+              toStation={toStation}
+              fromStation={fromStation}
+            />
+          </WidgetDiv>
         </>
       )}
     </div>