add duration

opentripplanner · Aug 7, 2024 · 30275f8 · 30275f8
1 parent 1f2f478
commit 30275f8
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/lib/components/map/itinerary-summary-overlay.tsx b/lib/components/map/itinerary-summary-overlay.tsx
@@ -19,6 +19,7 @@ import {
   getVisibleItineraryIndex
 } from '../../util/state'
 import { isDefined } from '../../util/ui'
+import FormattedDuration from '../util/formatted-duration'
 import MetroItineraryRoutes from '../narrative/metro/metro-itinerary-routes'
 
 type ItinWithGeometry = Itinerary & {
@@ -37,6 +38,18 @@ type Props = {
   visibleItinerary?: number
 }
 
+const TimeWrapper = styled.span`
+  align-items: center;
+  background: black;
+  border-radius: 5px;
+  color: white;
+  display: inline-flex;
+  font-weight: 600;
+  justify-content: center;
+  margin-left: 8px;
+  padding: 0px 8px;
+`
+
 const Card = styled.div`
   ${boxShadowCss}
 
@@ -189,6 +202,9 @@ const ItinerarySummaryOverlay = ({
                     itinerary={mp.itin}
                     LegIcon={LegIcon}
                   />
+                  <TimeWrapper>
+                    <FormattedDuration duration={mp.itin.duration} />
+                  </TimeWrapper>
                 </Card>
               </Marker>
             )