From 6f8dcaaf4ad1d89f4f0a18db91964bad3e2ed724 Mon Sep 17 00:00:00 2001
From: Roba Boru <robab@ethiopianairines.com>
Date: Wed, 15 Jul 2026 14:58:25 +0300
Subject: [PATCH] Comment out  altenative schedules

---
 .../portal/src/app/booking/results/page.tsx   | 122 ++++++++++--------
 1 file changed, 70 insertions(+), 52 deletions(-)

diff --git a/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
index 45331e761..4194324d4 100644
--- a/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
+++ b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
@@ -1065,23 +1065,36 @@ export default function ResultsPage() {
     }
 
     if (isOneWayNoOutbound) {
-      const hasAlternatives = alternativeOutbound.length > 0;
-
       return (
         <div className="booking-page">
           {renderClassModal()}
           <div className="container mx-auto px-4">
             <div className="max-w-6xl mx-auto">
-              <div className="flex items-center justify-between gap-4 px-4 py-3 rounded-xl bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 mb-8">
-                <div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300">
-                  <Calendar className="w-4 h-4 flex-shrink-0" />
-                  <span>No trains available on <span className="font-semibold">{searchData.date ? format(new Date(`${searchData.date}T00:00:00`), "EEEE, MMMM d, yyyy") : "your selected date"}</span>.</span>
+              <div className="card max-w-lg mx-auto text-center py-10 px-6 mb-8">
+                <div className="w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-5">
+                  <Calendar className="w-8 h-8 text-red-500 dark:text-red-400" />
                 </div>
-                <button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
-                  Change date
+                <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-2">
+                  No trains available
+                </h2>
+                <p className="text-sm text-gray-600 dark:text-gray-400 mb-6">
+                  There are no trains scheduled on{" "}
+                  <span className="font-semibold text-gray-900 dark:text-gray-100">
+                    {searchData.date ? format(new Date(`${searchData.date}T00:00:00`), "EEEE, MMMM d, yyyy") : "your selected date"}
+                  </span>
+                  . Try a different date to see available trains.
+                </p>
+                <button
+                  onClick={() => router.push(buildSearchUrl())}
+                  className="btn-primary inline-flex items-center gap-2"
+                >
+                  <Calendar className="w-4 h-4" />
+                  Change Date
                 </button>
               </div>
 
+              {/* Alternative Travel Options — commented out for the time being;
+                  only the "No trains available" banner above is shown.
               {hasAlternatives && (
                 <div>
                   <div className="mb-4">
@@ -1100,6 +1113,7 @@ export default function ResultsPage() {
                   </div>
                 </div>
               )}
+              */}
             </div>
           </div>
         </div>
@@ -1233,30 +1247,32 @@ export default function ResultsPage() {
                       renderScheduleCard(schedule, true),
                     )}
                   </div>
-                  {outboundSchedules.length === 0 &&
-                    alternativeOutbound.length > 0 && (
-                      <div className="mt-6">
-                        <div className="flex items-center justify-between gap-4 px-4 py-3 rounded-xl bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 mb-6">
-                          <div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300">
-                            <Calendar className="w-4 h-4 flex-shrink-0" />
-                            <span>No trains on <span className="font-semibold">{searchData.date ? format(new Date(`${searchData.date}T00:00:00`), "EEEE, MMMM d") : "your selected date"}</span>.</span>
-                          </div>
-                          <button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
-                            Change dates
-                          </button>
-                        </div>
-                        <div className="mb-3">
-                          <h3 className="text-base font-bold text-gray-900 dark:text-white">
-                            Alternative Outbound Options
-                          </h3>
-                        </div>
-                        <div className="space-y-4">
-                          {alternativeOutbound.map((schedule: Schedule) =>
-                            renderScheduleCard(schedule, true, true),
-                          )}
+                  {outboundSchedules.length === 0 && (
+                    <div className="mt-6">
+                      <div className="flex items-center justify-between gap-4 px-4 py-3 rounded-xl bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800">
+                        <div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300">
+                          <Calendar className="w-4 h-4 flex-shrink-0" />
+                          <span>No trains on <span className="font-semibold">{searchData.date ? format(new Date(`${searchData.date}T00:00:00`), "EEEE, MMMM d") : "your selected date"}</span>.</span>
                         </div>
+                        <button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
+                          Change dates
+                        </button>
                       </div>
-                    )}
+                      {/* Alternative Outbound Options — commented out for the time being;
+                          only the "No trains" banner above is shown.
+                      <div className="mb-3">
+                        <h3 className="text-base font-bold text-gray-900 dark:text-white">
+                          Alternative Outbound Options
+                        </h3>
+                      </div>
+                      <div className="space-y-4">
+                        {alternativeOutbound.map((schedule: Schedule) =>
+                          renderScheduleCard(schedule, true, true),
+                        )}
+                      </div>
+                      */}
+                    </div>
+                  )}
                 </div>
               ) : (
                 <div>
@@ -1317,30 +1333,32 @@ export default function ResultsPage() {
                       renderScheduleCard(schedule, false),
                     )}
                   </div>
-                  {inboundSchedules.length === 0 &&
-                    alternativeInbound.length > 0 && (
-                      <div className="mt-6">
-                        <div className="flex items-center justify-between gap-4 px-4 py-3 rounded-xl bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 mb-6">
-                          <div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300">
-                            <Calendar className="w-4 h-4 flex-shrink-0" />
-                            <span>No trains on <span className="font-semibold">{searchData.returnDate ? format(new Date(`${searchData.returnDate}T00:00:00`), "EEEE, MMMM d") : "your selected return date"}</span>.</span>
-                          </div>
-                          <button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
-                            Change dates
-                          </button>
-                        </div>
-                        <div className="mb-3">
-                          <h3 className="text-base font-bold text-gray-900 dark:text-white">
-                            Alternative Return Options
-                          </h3>
-                        </div>
-                        <div className="space-y-4">
-                          {alternativeInbound.map((schedule: Schedule) =>
-                            renderScheduleCard(schedule, false, true),
-                          )}
+                  {inboundSchedules.length === 0 && (
+                    <div className="mt-6">
+                      <div className="flex items-center justify-between gap-4 px-4 py-3 rounded-xl bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800">
+                        <div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300">
+                          <Calendar className="w-4 h-4 flex-shrink-0" />
+                          <span>No trains on <span className="font-semibold">{searchData.returnDate ? format(new Date(`${searchData.returnDate}T00:00:00`), "EEEE, MMMM d") : "your selected return date"}</span>.</span>
                         </div>
+                        <button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
+                          Change dates
+                        </button>
                       </div>
-                    )}
+                      {/* Alternative Return Options — commented out for the time being;
+                          only the "No trains" banner above is shown.
+                      <div className="mb-3">
+                        <h3 className="text-base font-bold text-gray-900 dark:text-white">
+                          Alternative Return Options
+                        </h3>
+                      </div>
+                      <div className="space-y-4">
+                        {alternativeInbound.map((schedule: Schedule) =>
+                          renderScheduleCard(schedule, false, true),
+                        )}
+                      </div>
+                      */}
+                    </div>
+                  )}
                 </div>
               )
             ) : (