dashboard timeout bugfix + add home page text

client/src/components/Home/Home.scss

+.home {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.home-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 80vw;
+  height: 90%;
+  min-width: 350px;
+  background-color: var(--light);
+  text-align: center;
+
+  p {
+    font-size: 1.75rem;
+  }
+}

client/src/components/Home/Home.tsx

+import './Home.scss';
+
+function Home() {
+  return (
+    <>
+      <div className='home'>
+        <div className='card home-card'>
+          <p>Welcome to Airline Booking!</p>
+          <p>This website allows you to create and book domestic flights in the UK</p>
+          <p>If you are new please navigate to the register page via the link in the header</p>
+          <p>Happy flying</p>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default Home;

client/src/index.scss

@@ -15,6 +15,7 @@ body {
 /* CSS Variables */
 :root {
   --main: #000055;
+  --light: hsla(240, 100%, 17%, 0.299);
 }
 
 /*

client/src/main.tsx

@@ -30,6 +30,7 @@ import CustomerProtectedRoute from "./components/ProtectedRoute/CustomerProtecte
 import AirlineProtectedRoute from "./components/ProtectedRoute/AirlineProtectedRoute.tsx";
 import ErrorPage404 from "./components/ErrorPage/ErrorPage404.tsx";
 import ErrorPage from "./components/ErrorPage/ErrorPage.tsx";
+import Home from "./components/Home/Home.tsx";
 import { loadStripe } from '@stripe/stripe-js';
 
 loadStripe('pk_test_51P5UhOExQclpActcEGkHdut1X1k6uQnEXQ2cKKTD5l9FS9a1TyB2ap1lRSQXZt35Dpd7mh8gHOwFyVb4TiqpZfJr00bDRrD4vF');
@@ -41,6 +42,10 @@ const router = createBrowserRouter([
     element: <App></App>,
     errorElement: <ErrorPage></ErrorPage>,
     children: [
+      {
+        path: "",
+        element: <Home></Home>
+      },
       {
         element: <InverseProtectedRoute></InverseProtectedRoute>,
         children: [

client/src/services/Dashboard/CustomerDashboard.ts

@@ -48,7 +48,17 @@ export async function GetCustomerDashboardData(): Promise<ICustomerDashboardData
       flightsHistory: hData.data
     };
   } catch (error) {
-    throw error;
+    try {
+      const upcomingFlights = Api.get('Booking/upcoming', { withCredentials: true });
+      const flightsHistory = Api.get('Booking/history', { withCredentials: true });
+      const [uData, hData] = await Promise.all([upcomingFlights, flightsHistory]);
+      return {
+        type: 'customer',
+        upcomingFlights: uData.data,
+        flightsHistory: hData.data
+      };
+    } catch (newError) {
+      throw newError;
+    }
   }
 }
-