From 0783a138a3edd81365288a01305de7ca342088e3 Mon Sep 17 00:00:00 2001
From: lcross2002 <liamdcross@outlook.com>
Date: Sat, 20 Apr 2024 15:26:54 +0100
Subject: [PATCH] booking list title formatting
---
client/src/components/BookingList/BookingList.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/client/src/components/BookingList/BookingList.tsx b/client/src/components/BookingList/BookingList.tsx
index 0ec6263..65500dd 100644
--- a/client/src/components/BookingList/BookingList.tsx
+++ b/client/src/components/BookingList/BookingList.tsx
@@ -7,8 +7,8 @@ function BookingList() {
const data = useLoaderData() as IBookingList;
const location = useLocation();
const isEconomy = location.search.split('seatType=')[1] === 'economy';
- const origin = location.search.split('origin=')[1].split('&')[0];
- const destination = location.search.split('destination=')[1].split('&')[0];
+ const origin = decodeURIComponent(location.search.split('origin=')[1].split('&')[0]);
+ const destination = decodeURIComponent(location.search.split('destination=')[1].split('&')[0]);
const date = location.search.split('date=')[1].split('&')[0];
return (
@@ -21,7 +21,7 @@ function BookingList() {
<span> Flights for </span>
<span className='booking-bold'>{origin} - {destination}</span>
<span> on </span>
- <span className='booking-bold'>{date}</span>
+ <span className='booking-bold'>{new Date(date).toLocaleDateString()}</span>
</div>
{data.flights.map((flight) => {
--
GitLab