added button show trip from stop-details

openmove · Apr 26, 2023 · 17393ed · 17393ed
1 parent bf5cbbb
commit 17393ed
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/journey/src/components/viewers/pattern-row.js b/journey/src/components/viewers/pattern-row.js
@@ -4,6 +4,7 @@ import { withNamespaces } from "react-i18next"
 
 import Icon from '../narrative/icon'
 import { getFormattedStopTime, getStatusLabel } from '../../util/viewer'
+import ViewTripButton from './view-trip-button'
 
 /**
  * Represents a single pattern row for displaying arrival times in the stop
@@ -101,6 +102,13 @@ class PatternRow extends Component {
                           {t('direction')} {stopTime.headsign}
                         </div>
                         <div className='cell time-column'>
+                          {stopTime.tripId}
+                          <ViewTripButton
+                              tripId={stopTime.tripId}
+                              fromIndex={stopTime.stopIndex}
+                              setViewedTrip={this.props.setViewedTrip}
+                              toIndex={stopTime.stopIndex}
+                            />
                           {getFormattedStopTime(stopTime, homeTimezone, stopViewerArriving, timeFormat)}
                         </div>
                         <div className='cell status-column'>

diff --git a/journey/src/components/viewers/stop-viewer.js b/journey/src/components/viewers/stop-viewer.js
@@ -15,6 +15,7 @@ import { forgetStop, rememberStop, setLocation } from '../../actions/map'
 import PatternRow from './pattern-row'
 import { getShowUserSettings, getStopViewerConfig } from '../../util/state'
 import { getRouteIdForPattern, getStopTimesByPattern } from '../../util/viewer'
+import { setViewedTrip } from '../../actions/ui'
 
 const {
   getTimeFormat,
@@ -301,6 +302,7 @@ class StopViewer extends Component {
                         <PatternRow
                           pattern={patternTimes.pattern}
                           route={patternTimes.route}
+                          setViewedTrip={setViewedTrip}
                           stopTimes={patternTimes.times}
                           stopViewerConfig={stopViewerConfig}
                           showScheduleView={scheduleView}
@@ -370,6 +372,7 @@ const mapStateToProps = (state, ownProps) => {
 const mapDispatchToProps = {
   findStop,
   findStopTimesForStop,
+  setViewedTrip,
   forgetStop,
   rememberStop,
   setLocation,