transitmatters · mathcolo · Jun 24, 2023 · Jun 21, 2023
diff --git a/common/constants/dates.ts b/common/constants/dates.ts
@@ -209,10 +209,10 @@ export const OVERVIEW_OPTIONS: {
 export type OverviewDatePresetKey = keyof typeof OverviewRangeTypes;
 
 export enum OverviewRangeTypes {
-  'week' = 'Past Week',
-  'month' = 'Past Month',
-  'year' = 'Past Year',
-  'all' = 'All Time',
+  'week' = 'Past week',
+  'month' = 'Past month',
+  'year' = 'Past year',
+  'all' = 'All time',
 }
 
 export const RANGE_DATE_KEYS = Object.fromEntries(

diff --git a/common/constants/pages.ts b/common/constants/pages.ts
@@ -83,8 +83,8 @@ export const ALL_PAGES: PageMap = {
   multiTrips: {
     key: 'multiTrips',
     path: '/trips/multi',
-    name: 'Multi Day Trips',
-    title: 'Multi Day Trips',
+    name: 'Multi-day trips',
+    title: 'Multi-day trips',
     lines: ['line-red', 'line-blue', 'line-green', 'line-orange', 'line-bus'],
     icon: faCalendar,
     dateStoreSection: 'multiTrips',
@@ -93,7 +93,7 @@ export const ALL_PAGES: PageMap = {
   overview: {
     key: 'overview',
     path: '/',
-    name: 'Line Overview',
+    name: 'Line overview',
     lines: ['line-red', 'line-blue', 'line-green', 'line-orange'],
     dateStoreSection: 'overview',
     icon: faTableColumns,
@@ -121,7 +121,7 @@ export const ALL_PAGES: PageMap = {
   slowzones: {
     key: 'slowzones',
     path: '/slowzones',
-    name: 'Slow Zones',
+    name: 'Slow zones',
     lines: ['line-red', 'line-blue', 'line-orange'],
     icon: faWarning,
     dateStoreSection: 'line',
@@ -131,7 +131,7 @@ export const ALL_PAGES: PageMap = {
   systemSlowzones: {
     key: 'systemSlowzones',
     path: '/slowzones',
-    name: 'Slow Zones',
+    name: 'Slow zones',
     lines: [],
     icon: faWarning,
     dateStoreSection: 'system',

diff --git a/modules/dashboard/Today.tsx b/modules/dashboard/Today.tsx
@@ -25,7 +25,7 @@ export const Today: React.FC<TodayProps> = ({ lineShort }) => {
         </div>
         {canShowSlowZonesMap && allSlow.data && speedRestrictions.data && (
           <WidgetDiv className="h-full">
-            <WidgetTitle title="Slow Zones" />
+            <WidgetTitle title="Slow zones" />
             <SlowZonesMap
               key={lineShort}
               slowZones={allSlow.data}

diff --git a/modules/landing/LineSelectionLanding.tsx b/modules/landing/LineSelectionLanding.tsx
@@ -7,7 +7,7 @@ export const LineSelectionLanding: React.FC = () => {
   return (
     <div className="flex w-full flex-col items-start px-4 pt-20 text-stone-900 md:items-center md:pt-32">
       <h2 className="text-5xl font-thin xl:text-7xl">Ready to learn more?</h2>
-      <h3 className="text-lg font-thin">Select a Line or Bus to get more details.</h3>
+      <h3 className="text-lg font-thin">Select a subway line or bus route to get started.</h3>
       <div className="flex w-full flex-col gap-y-8 pt-12 md:flex-row md:justify-around">
         <LineButton line="line-red">
           <FontAwesomeIcon icon={faTrainSubway} className="h-20 w-20 text-white" />

diff --git a/modules/navigation/DesktopSideNavBar.tsx b/modules/navigation/DesktopSideNavBar.tsx
@@ -26,7 +26,7 @@ export const SideNavBar = () => {
               About
             </Link>
             <Link href="https://transitmatters.org/join" className="text-white hover:text-blue-500">
-              Join Us
+              Join us
             </Link>
             <Link
               href="https://forms.gle/SKYtxgKSyCrYxM1v7"
@@ -39,11 +39,11 @@ export const SideNavBar = () => {
                 href="https://github.com/transitmatters/t-performance-dash"
                 className="text-white hover:text-blue-500"
               >
-                Source Code
+                Source code
               </Link>{' '}
               /{' '}
               <Link href="/opensource" className="text-white hover:text-blue-500">
-                Attributions
+                attributions
               </Link>
             </p>
             <DonateButton />

diff --git a/modules/ridership/RidershipDetails.tsx b/modules/ridership/RidershipDetails.tsx
@@ -33,7 +33,7 @@ export function RidershipDetails() {
   return (
     <PageWrapper pageTitle={'Ridership'}>
       <WidgetDiv>
-        <WidgetTitle title="Weekday Ridership" />
+        <WidgetTitle title="Weekday ridership" />
 
         {ridership.data && ridershipDataReady ? (
           <RidershipGraphWrapper

diff --git a/modules/ridership/RidershipGraph.tsx b/modules/ridership/RidershipGraph.tsx
@@ -140,7 +140,7 @@ export const RidershipGraph: React.FC<RidershipGraphProps> = ({
                   },
                   title: {
                     display: true,
-                    text: 'trips',
+                    text: 'Trips',
                     color: COLORS.design.subtitleGrey,
                   },
                 },

diff --git a/modules/ridership/RidershipWidget.tsx b/modules/ridership/RidershipWidget.tsx
@@ -27,7 +27,7 @@ export const RidershipWidget: React.FC = () => {
 
   return (
     <WidgetDiv>
-      <HomescreenWidgetTitle title="Weekday Ridership" tab="ridership" />
+      <HomescreenWidgetTitle title="Weekday ridership" tab="ridership" />
       {ridership.data && serviceReady ? (
         <RidershipGraphWrapper
           lineOrRoute={lineOrRoute}

diff --git a/modules/service/ServiceGraph.tsx b/modules/service/ServiceGraph.tsx
@@ -156,7 +156,7 @@ export const ServiceGraph: React.FC<ServiceGraphProps> = ({
                   },
                   title: {
                     display: true,
-                    text: 'trips',
+                    text: 'Trips',
                     color: COLORS.design.subtitleGrey,
                   },
                 },

diff --git a/modules/slowzones/SlowZonesDetails.tsx b/modules/slowzones/SlowZonesDetails.tsx
@@ -51,7 +51,7 @@ export function SlowZonesDetails() {
   }
 
   return (
-    <PageWrapper pageTitle={'Slow Zones'}>
+    <PageWrapper pageTitle={'Slow zones'}>
       <div className="flex flex-col gap-4">
         <WidgetDiv>
           <WidgetTitle title="Total Slow Time" />

diff --git a/modules/slowzones/SlowZonesWidget.tsx b/modules/slowzones/SlowZonesWidget.tsx
@@ -27,7 +27,7 @@ export const SlowZonesWidget: React.FC = () => {
   return (
     <>
       <WidgetDiv className="relative">
-        <HomescreenWidgetTitle title="Slow Zones" tab="slowzones" />
+        <HomescreenWidgetTitle title="Slow zones" tab="slowzones" />
         {totalSlowTimeReady ? (
           <TotalSlowTimeWrapper
             data={delayTotals.data}

diff --git a/modules/slowzones/SystemSlowZonesDetails.tsx b/modules/slowzones/SystemSlowZonesDetails.tsx
@@ -26,7 +26,7 @@ export function SystemSlowZonesDetails({ showTitle = false }: SystemSlowZonesDet
   const totalSlowTimeReady = !delayTotals.isError && delayTotals.data && startDateUTC && endDateUTC;
 
   return (
-    <PageWrapper pageTitle={'Slow Zones'}>
+    <PageWrapper pageTitle={'Slow zones'}>
       <div className="flex flex-col gap-4">
         <WidgetDiv>
           <WidgetTitle title="Total Slow Time" />

diff --git a/modules/speed/SpeedGraph.tsx b/modules/speed/SpeedGraph.tsx
@@ -103,7 +103,7 @@ export const SpeedGraph: React.FC<SpeedGraphProps> = ({
                 },
                 title: {
                   display: true,
-                  text: 'mph',
+                  text: 'Miles per hour (mph)',
                   color: COLORS.design.subtitleGrey,
                 },
               },

diff --git a/modules/traveltimes/TravelTimesDetails.tsx b/modules/traveltimes/TravelTimesDetails.tsx
@@ -55,9 +55,9 @@ export function TravelTimesDetails() {
   const [peakTime, setPeakTime] = React.useState<'weekday' | 'weekend'>('weekday');
 
   return (
-    <PageWrapper pageTitle={'Travel Times'}>
+    <PageWrapper pageTitle={'Travel times'}>
       <WidgetDiv>
-        <WidgetTitle title="Travel Times" location={location} line={line} both />
+        <WidgetTitle title="Travel times" location={location} line={line} both />
         {aggregate ? (
           <AggregateChartWrapper
             query={travelTimesAggregate}
@@ -77,7 +77,7 @@ export function TravelTimesDetails() {
       </WidgetDiv>
       {aggregate && (
         <WidgetDiv className="flex flex-col justify-center">
-          <WidgetTitle title="Travel Times by Hour" location={location} line={line} both />
+          <WidgetTitle title="Travel times by hour" location={location} line={line} both />
           <AggregateChartWrapper
             query={travelTimesAggregate}
             toStation={toStation}
@@ -91,7 +91,7 @@ export function TravelTimesDetails() {
               pressFunction={setPeakTime}
               options={[
                 ['weekday', 'Weekday'],
-                ['weekend', 'Weekend/Holiday'],
+                ['weekend', 'Weekend/holiday'],
               ]}
               additionalDivClass="md:w-auto"
               additionalButtonClass="md:w-fit"

diff --git a/modules/tripexplorer/BusTripGraphs.tsx b/modules/tripexplorer/BusTripGraphs.tsx
@@ -42,7 +42,7 @@ export const BusTripGraphs: React.FC<BusTripGraphsProps> = ({
       {aggregate ? (
         <>
           <WidgetDiv>
-            <WidgetTitle title="Travel Times" location={location} line={line} both />
+            <WidgetTitle title="Travel times" location={location} line={line} both />
             <TravelTimesAggregateWrapper
               query={traveltimes}
               fromStation={fromStation}
@@ -66,7 +66,7 @@ export const BusTripGraphs: React.FC<BusTripGraphsProps> = ({
       ) : (
         <>
           <WidgetDiv>
-            <WidgetTitle title="Travel Times" location={location} line={line} both />
+            <WidgetTitle title="Travel times" location={location} line={line} both />
             <TravelTimesSingleWrapper
               query={traveltimes}
               toStation={toStation}
@@ -76,7 +76,7 @@ export const BusTripGraphs: React.FC<BusTripGraphsProps> = ({
           <WidgetDiv>
             <WidgetTitle
               title="Headways"
-              subtitle="Time Between Buses"
+              subtitle="Time between buses"
               location={location}
               line={line}
             />

diff --git a/modules/tripexplorer/SubwayTripGraphs.tsx b/modules/tripexplorer/SubwayTripGraphs.tsx
@@ -48,7 +48,7 @@ export const SubwayTripGraphs: React.FC<SubwayTripGraphsProps> = ({
       {aggregate ? (
         <>
           <WidgetDiv>
-            <WidgetTitle title="Travel Times" location={location} line={line} both />
+            <WidgetTitle title="Travel times" location={location} line={line} both />
             <TravelTimesAggregateWrapper
               query={traveltimes}
               fromStation={fromStation}
@@ -83,7 +83,7 @@ export const SubwayTripGraphs: React.FC<SubwayTripGraphsProps> = ({
             />
           </WidgetDiv>
           <WidgetDiv className="flex flex-col justify-center">
-            <WidgetTitle title="Travel Times by Hour" location={location} line={line} both />
+            <WidgetTitle title="Travel times by hour" location={location} line={line} both />
             <AggregateChartWrapper
               query={traveltimes}
               toStation={toStation}
@@ -97,7 +97,7 @@ export const SubwayTripGraphs: React.FC<SubwayTripGraphsProps> = ({
                 pressFunction={setPeakTime}
                 options={[
                   ['weekday', 'Weekday'],
-                  ['weekend', 'Weekend/Holiday'],
+                  ['weekend', 'Weekend/holiday'],
                 ]}
                 additionalDivClass="md:w-auto"
                 additionalButtonClass="md:w-fit"
@@ -108,7 +108,7 @@ export const SubwayTripGraphs: React.FC<SubwayTripGraphsProps> = ({
       ) : (
         <>
           <WidgetDiv>
-            <WidgetTitle title="Travel Times" location={location} line={line} both />
+            <WidgetTitle title="Travel times" location={location} line={line} both />
             <TravelTimesSingleWrapper
               query={traveltimes}
               toStation={toStation}