From 2a0ca7542618eea9818326eb9a547912b214549e Mon Sep 17 00:00:00 2001
From: Daniel Heppner <daniel.heppner@ibigroup.com>
Date: Wed, 18 Oct 2023 16:37:16 -0700
Subject: [PATCH] make stop viewer into schedule viewer

---
 lib/components/viewers/stop-viewer.js | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/lib/components/viewers/stop-viewer.js b/lib/components/viewers/stop-viewer.js
index f907f0d88..6440e786a 100644
--- a/lib/components/viewers/stop-viewer.js
+++ b/lib/components/viewers/stop-viewer.js
@@ -40,7 +40,7 @@ function getDefaultState(timeZone) {
   return {
     // Compare dates/times in the stop viewer based on the agency's timezone.
     date: getCurrentDate(timeZone),
-    isShowingSchedule: false
+    isShowingSchedule: true
   }
 }
 
@@ -190,6 +190,11 @@ class StopViewer extends Component {
     zoomToPlace(map, stopData)
   }
 
+  _viewNearby = () => {
+    const { setViewedNearbyCoords, stopData } = this.props
+    setViewedNearbyCoords(stopData)
+  }
+
   _renderHeader = (agencyCount) => {
     const {
       enableFavoriteStops,
@@ -332,7 +337,17 @@ class StopViewer extends Component {
           >
             <Icon Icon={Search} style={{ marginLeft: '0.2em' }} />
           </button>
-          {!isFlex && (
+          <button
+            className="link-button pull-right"
+            onClick={this._viewNearby}
+            style={{ fontSize: 'small' }}
+          >
+            {/* FIXME: What icon should we use? */}
+            <IconWithText Icon={Calendar}>
+              <FormattedMessage id="components.StopViewer.viewNearby" />
+            </IconWithText>
+          </button>
+          {/* {!isFlex && (
             <button
               className="link-button pull-right"
               onClick={this._toggleScheduleView}
@@ -346,7 +361,7 @@ class StopViewer extends Component {
                 )}
               </IconWithText>
             </button>
-          )}
+          )} */}
         </div>
         <span role="group">
           <FromToLocationPicker
@@ -508,6 +523,7 @@ const mapDispatchToProps = {
   setHoveredStop: uiActions.setHoveredStop,
   setLocation: mapActions.setLocation,
   setMainPanelContent: uiActions.setMainPanelContent,
+  setViewedNearbyCoords: uiActions.setViewedNearbyCoords,
   toggleAutoRefresh: uiActions.toggleAutoRefresh,
   zoomToPlace: mapActions.zoomToPlace
 }