Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-09-07 18:55:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Comment out altenative schedules

Browse Source
This commit is contained in:
Roba Boru
2026-07-15 14:58:25 +03:00
parent 8c1f2a21c6
commit 6f8dcaaf4a
1 changed files with 70 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
View File

@@ -1065,23 +1065,36 @@ export default function ResultsPage() {
} }
if (isOneWayNoOutbound) { if (isOneWayNoOutbound) {
const hasAlternatives = alternativeOutbound.length > 0;
return ( return (
<div className="booking-page"> <div className="booking-page">
{renderClassModal()} {renderClassModal()}
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<div className="max-w-6xl mx-auto"> <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="card max-w-lg mx-auto text-center py-10 px-6 mb-8">
<div className="flex items-center gap-2.5 text-sm text-red-800 dark:text-red-300"> <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-4 h-4 flex-shrink-0" /> <Calendar className="w-8 h-8 text-red-500 dark:text-red-400" />
<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> </div>
<button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0"> <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-2">
Change date 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> </button>
</div> </div>
{/* Alternative Travel Options — commented out for the time being;
only the "No trains available" banner above is shown.
{hasAlternatives && ( {hasAlternatives && (
<div> <div>
<div className="mb-4"> <div className="mb-4">
@@ -1100,6 +1113,7 @@ export default function ResultsPage() {
</div> </div>
</div> </div>
)} )}
*/}
</div> </div>
</div> </div>
</div> </div>
@@ -1233,30 +1247,32 @@ export default function ResultsPage() {
renderScheduleCard(schedule, true), renderScheduleCard(schedule, true),
)} )}
</div> </div>
{outboundSchedules.length === 0 && {outboundSchedules.length === 0 && (
alternativeOutbound.length > 0 && ( <div className="mt-6">
<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 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">
<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" />
<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>
<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),
)}
</div> </div>
<button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
Change dates
</button>
</div> </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>
) : ( ) : (
<div> <div>
@@ -1317,30 +1333,32 @@ export default function ResultsPage() {
renderScheduleCard(schedule, false), renderScheduleCard(schedule, false),
)} )}
</div> </div>
{inboundSchedules.length === 0 && {inboundSchedules.length === 0 && (
alternativeInbound.length > 0 && ( <div className="mt-6">
<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 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">
<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" />
<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>
<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),
)}
</div> </div>
<button onClick={() => router.push(buildSearchUrl())} className="text-sm font-semibold text-primary hover:underline flex-shrink-0">
Change dates
</button>
</div> </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> </div>
) )
) : ( ) : (