fix: un-de-duplicate headsigns in pattern viewer

opentripplanner · Sep 13, 2023 · f2c5871 · f2c5871
1 parent 3f01238
commit f2c5871
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 14 deletions.
diff --git a/i18n/en-US.yml b/i18n/en-US.yml
@@ -472,6 +472,7 @@ components:
   RouteDetails:
     moreDetails: More Details
     operatedBy: Operated by {agencyName}
+    headsignTo: "{headsign} ({lastStop})"
     selectADirection: Select a direction...
     stopsTo: Toward
   RouteViewer:

diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
@@ -43,6 +43,7 @@ interface PatternSummary {
   geometryLength: number
   headsign: string
   id: string
+  lastStop?: string
 }
 
 interface Props {
@@ -85,27 +86,29 @@ class RouteDetails extends Component<Props> {
         ([id, pat]): PatternSummary => ({
           geometryLength: pat.patternGeometry?.length || 0,
           headsign: extractHeadsignFromPattern(pat, shortName),
-          id
+          id,
+          lastStop: pat.stops?.[pat.stops?.length - 1]?.name
         })
       )
-      // Remove duplicate headsigns. Using a reducer means that the first pattern
-      // with a specific headsign is the accepted one. TODO: is this good behavior?
+      // Remove duplicate headsigns. Replaces duplicate headsigns with the last stop name
       .reduce((prev: PatternSummary[], cur) => {
         const amended = prev
         const alreadyExistingIndex = prev.findIndex(
           (h) => h.headsign === cur.headsign
         )
-        // If the item we're replacing has less geometry, replace it!
-        if (alreadyExistingIndex >= 0) {
-          // Only replace if new pattern has greater geometry
-          if (
-            amended[alreadyExistingIndex].geometryLength < cur.geometryLength
-          ) {
-            amended[alreadyExistingIndex] = cur
-          }
-        } else {
-          amended.push(cur)
+        // If the item we're replacing has less geometry, amend the headsign to be more helpful
+        if (
+          alreadyExistingIndex >= 0 &&
+          cur.lastStop &&
+          cur.headsign !== cur.lastStop
+        ) {
+          cur.headsign = intl.formatMessage(
+            { id: 'components.RouteDetails.headsignTo' },
+            { ...cur }
+          )
         }
+
+        amended.push(cur)
         return amended
       }, [])
       .sort((a, b) => {

diff --git a/lib/components/viewers/styled.ts b/lib/components/viewers/styled.ts
@@ -52,7 +52,6 @@ export const PatternContainer = styled.div`
       align-items: center;
       display: flex;
       justify-content: space-between;
-      max-width: 300px;
       width: 95%;
 
       span {