Changes to make it bmtcbusroutes

bengawalk · Oct 19, 2024 · 2001856 · 2001856
1 parent f3ac237
commit 2001856
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 12 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -1,4 +1,4 @@
-name: Workflow for build and deploy of the BLR public transport webapp frontend to AWS
+name: Workflow for build and deploy of the BMTC bus routes webapp frontend to AWS
 on:
   push:
     branches:

diff --git a/src/index.scss b/src/index.scss
@@ -225,7 +225,7 @@ body {
 
 #landing-header {
   display: flex;
-  flex-direction: row-reverse;
+  flex-direction: row;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 32px;

diff --git a/src/landing/index.jsx b/src/landing/index.jsx
@@ -47,7 +47,7 @@ class LandingPage extends React.PureComponent {
         <Sidebar />
           <Link id="landing-input" to={ROUTES.search}>
             <Icon icon="iconamoon:search-bold" color="#FFFFFF" width="16" height="16" />
-            Where to?
+            Search for a bus route or bus stop
           </Link>
           {
             _.size(historyItems) > 0 && (

diff --git a/src/landing/sidebar.jsx b/src/landing/sidebar.jsx
@@ -56,10 +56,10 @@ const Sidebar = () => {
     </div>
   ) : (
     <div id="landing-header">
-      <button id="landing-hamburger" onClick={() => setSidebarOpen(true)}>
+      {/* <button id="landing-hamburger" onClick={() => setSidebarOpen(true)}>
         <Icon icon="ic:round-menu" color="#2D2D2D" width="36" height="36" />
-      </button>
-      <h1>Plan your trip</h1>
+      </button> */}
+      <h1>BMTC bus routes</h1>
     </div>
   );
 };

diff --git a/src/route/index.jsx b/src/route/index.jsx
@@ -203,7 +203,7 @@ class RoutePage extends React.PureComponent {
     const { routeDetails, isFavourited } = this.state;
     const [from, to] = (routeDetails?.route_long_name || "").split("→");
 
-    // console.log(routeDetails);
+    const tripWithTheMostStops = _.maxBy(routeDetails?.route_trips, t => t.timings.length);
     return (
       <>
         <div id="map" ref={this.mapContainer} className="map-container" />
@@ -254,12 +254,12 @@ class RoutePage extends React.PureComponent {
                     <h4>
                       Stops on route
                     </h4>
-                    <span>Timing at the stop</span>
+                    {/* <span>Timing at the stop</span> */}
                   </div>
                   <div id="bus-route-stops-list">
                     {
                       _.map(
-                        routeDetails.route_trips[0].timings,
+                        tripWithTheMostStops.timings,
                         (s, index) => {
                           const stopDetails = _.find(routeDetails.stopInformation, {
                             stop_id: s.stop_id,
@@ -275,9 +275,9 @@ class RoutePage extends React.PureComponent {
                               <img src={ICON_FOR_STOP_TYPE[stopType]} alt="" className="bus-route-stop-icon" />
                               <Link state={{ from: ROUTES.route }} to={`/stop/${s.stop_id}`} className="bus-route-stop-text">{stopDetails.stop_name}</Link>
                               <span className="bus-route-stop-time">
-                              {
+                              {/* {
                                 s.arrival_time.substring(0, 5)
-                              }
+                              } */}
                             </span>
                             </div>
                           );

diff --git a/src/search/index.jsx b/src/search/index.jsx
@@ -59,7 +59,7 @@ const SearchPage = () => {
           id="search-input"
           value={searchText}
           onChange={e => setSearchText(e.target.value)}
-          placeholder="Search for a bus, metro, or bus stop"
+          placeholder="Search for a bus, or bus stop"
         />
       </div>
       <SearchResults