Adding commuter rail landing button

transitmatters · Jul 19, 2024 · 6af58db · 6af58db
1 parent 0272985
commit 6af58db
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/modules/landing/LineButton.tsx b/modules/landing/LineButton.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import type { Line } from '../../common/types/lines';
 import { lineColorBackground, lineColorBorder } from '../../common/styles/general';
 import { LINE_OBJECTS } from '../../common/constants/lines';
-import { BUS_DEFAULTS } from '../../common/state/defaults/dateDefaults';
+import { BUS_DEFAULTS, COMMUTER_RAIL_DEFAULTS } from '../../common/state/defaults/dateDefaults';
 
 interface LineButtonProps {
   children: React.ReactNode;
@@ -17,9 +17,11 @@ export const LineButton: React.FC<LineButtonProps> = ({ children, line }) => {
   return (
     <Link
       href={
-        line === 'line-bus'
-          ? `/${lineObject.path}?busRoute=1&date=${BUS_DEFAULTS.singleTripConfig.date}`
-          : `/${lineObject.path}`
+        line === 'line-commuter-rail'
+          ? `/commuter-rail/ridership?crRoute=CR-Lowell&startDate=${COMMUTER_RAIL_DEFAULTS.lineConfig.startDate}&endDate=${COMMUTER_RAIL_DEFAULTS.lineConfig.endDate}`
+          : line === 'line-bus'
+            ? `/${lineObject.path}?busRoute=1&date=${BUS_DEFAULTS.singleTripConfig.date}`
+            : `/${lineObject.path}`
       }
       className="group flex cursor-pointer flex-row items-center gap-x-8 gap-y-4 md:flex-col"
     >

diff --git a/modules/landing/LineSelectionLanding.tsx b/modules/landing/LineSelectionLanding.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { faBus, faTrainSubway, faTrainTram } from '@fortawesome/free-solid-svg-icons';
+import { faBus, faTrain, faTrainSubway, faTrainTram } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import { LineButton } from './LineButton';
@@ -40,6 +40,12 @@ export const LineSelectionLanding: React.FC = () => {
             className={classNames('h-16 w-16 lg:h-20 lg:w-20', 'text-white')}
           />
         </LineButton>
+        <LineButton line="line-commuter-rail">
+          <FontAwesomeIcon
+            icon={faTrain}
+            className={classNames('h-16 w-16 lg:h-20 lg:w-20', 'text-white')}
+          />
+        </LineButton>
       </div>
     </div>
   );

diff --git a/modules/landing/charts/OverallRidershipChart.tsx b/modules/landing/charts/OverallRidershipChart.tsx
@@ -12,6 +12,7 @@ interface OverallRidershipChartProps {
 export const OverallRidershipChart: React.FC<OverallRidershipChartProps> = ({ ridershipData }) => {
   const labels = Object.values(ridershipData)[0].map((point) => point.date);
   const datasets = convertToRidershipDataset(ridershipData);
+
   return (
     <LandingChartDiv>
       <LandingPageChart datasets={datasets} labels={labels} id="system-ridership" />

diff --git a/modules/slowzones/SlowZonesWidget.tsx b/modules/slowzones/SlowZonesWidget.tsx
@@ -23,9 +23,10 @@ export const SlowZonesWidget: React.FC = () => {
   const totalSlowTimeReady =
     !delayTotals.isError && delayTotals.data && startDateUTC && endDateUTC && lineShort && line;
 
-  if (line === 'line-bus' || line === 'line-green') {
+  if (line === 'line-bus' || line === 'line-green' || line === 'line-commuter-rail') {
     return null;
   }
+
   return (
     <>
       <WidgetDiv className="relative">