From 5b3b6eeabacdc847aab23a8916833baa10a02e4f Mon Sep 17 00:00:00 2001 From: Denis Thiessen Date: Sat, 8 Jun 2024 13:16:09 +0200 Subject: [PATCH] feat: Added subpages to StudyPage 1 --- src/App.js | 41 +++++++++++++++++++ src/pages/study_site_1/FlightProblems.jsx | 46 ++++++++++++++++++++++ src/pages/study_site_1/GeneralConcerns.jsx | 31 +++++++++++++++ src/pages/study_site_1/MyBookings.jsx | 40 +++++++++++++++++++ src/pages/study_site_1/Rebooking.jsx | 37 +++++++++++++++++ src/pages/study_site_1/StartPage1.jsx | 18 ++++----- 6 files changed, 204 insertions(+), 9 deletions(-) create mode 100644 src/pages/study_site_1/FlightProblems.jsx create mode 100644 src/pages/study_site_1/GeneralConcerns.jsx create mode 100644 src/pages/study_site_1/MyBookings.jsx create mode 100644 src/pages/study_site_1/Rebooking.jsx diff --git a/src/App.js b/src/App.js index 1c42811..dfd740d 100644 --- a/src/App.js +++ b/src/App.js @@ -49,6 +49,15 @@ const TourOperators = React.lazy(() => import("./pages/study_site_2/TourOperators") ); +const GeneralConcerns = React.lazy(() => + import("./pages/study_site_1/GeneralConcerns") +); +const MyBookings = React.lazy(() => import("./pages/study_site_1/MyBookings")); +const Rebooking = React.lazy(() => import("./pages/study_site_1/Rebooking")); +const FlightProblems = React.lazy(() => + import("./pages/study_site_1/FlightProblems") +); + export const sensorLogState = createStore( persist( () => ({ @@ -288,6 +297,38 @@ function App() { } /> + ...}> + + + } + /> + ...}> + + + } + /> + ...}> + + + } + /> + ...}> + + + } + /> + +

Current Flight Issues

+ + + {flightIssues.map((issue, index) => ( + + + {`Flight Number: ${issue.flightNumber}`} + {`Issue: ${issue.issue}`} + {`Details: ${issue.details}`} + + + ))} + + + ); +} + +export default FlightProblems; diff --git a/src/pages/study_site_1/GeneralConcerns.jsx b/src/pages/study_site_1/GeneralConcerns.jsx new file mode 100644 index 0000000..dfd2ed9 --- /dev/null +++ b/src/pages/study_site_1/GeneralConcerns.jsx @@ -0,0 +1,31 @@ +import React from "react"; +import { Text, Spacer } from "@geist-ui/core"; + +function GeneralConcerns() { + return ( +
+ +

General Concerns

+ +
+ + Have general concerns or questions about your flight with BudgetBird + Airlines? We're here to help. Whether you need information about our + policies, services, or anything else, our support team is available + 24/7 to assist you. + + + Contact us via phone, email, or our online contact form for any + inquiries. We strive to provide a comfortable and enjoyable experience + for all our passengers. + + + For immediate assistance, please reach out to our customer support + team using the contact details provided on our website. + +
+
+ ); +} + +export default GeneralConcerns; diff --git a/src/pages/study_site_1/MyBookings.jsx b/src/pages/study_site_1/MyBookings.jsx new file mode 100644 index 0000000..8a86d53 --- /dev/null +++ b/src/pages/study_site_1/MyBookings.jsx @@ -0,0 +1,40 @@ +import React from "react"; +import { Text, Spacer } from "@geist-ui/core"; + +function MyBookings() { + return ( +
+ +

My Bookings

+ +
+ + Welcome to the My Bookings section. Here, you can view and manage all + your current and past flight bookings with BudgetBird Airlines. You + can: + +
    +
  • View your booking details
    • +
  • Check flight schedules
    • +
  • Update your contact information
    • +
  • Add special requests for your flights
    • +
  • Cancel or rebook your flights
    • +
+ + To access your bookings, please log in to your BudgetBird Airlines + account using your email and password. + + + If you encounter any issues while accessing your bookings, please + contact our customer support team for assistance. + + + And keep in mind, this is a user study, so there are no flight + bookings available. 😊 + +
+
+ ); +} + +export default MyBookings; diff --git a/src/pages/study_site_1/Rebooking.jsx b/src/pages/study_site_1/Rebooking.jsx new file mode 100644 index 0000000..27153e4 --- /dev/null +++ b/src/pages/study_site_1/Rebooking.jsx @@ -0,0 +1,37 @@ +import React from "react"; +import { Text, Spacer } from "@geist-ui/core"; + +function Rebooking() { + return ( +
+ +

Rebooking

+ +
+ + Need to change your booking? No problem. You can rebook your flight + with BudgetBird Airlines easily. To rebook, visit the{" "} + My Bookings + section, select the booking you wish to change, and follow the prompts + to update your travel dates or other details. + + + Please note that changes to your booking may incur additional fees + depending on the terms and conditions of your original booking. For + detailed information, refer to your booking confirmation or contact + our support team. + + + If you have any questions about the rebooking process or need + assistance, please contact our customer support team. + + + And keep in mind, this is a user study, so there are no flight + (re-)bookings available here. 😊 + +
+
+ ); +} + +export default Rebooking; diff --git a/src/pages/study_site_1/StartPage1.jsx b/src/pages/study_site_1/StartPage1.jsx index 8d2855c..895b588 100644 --- a/src/pages/study_site_1/StartPage1.jsx +++ b/src/pages/study_site_1/StartPage1.jsx @@ -36,7 +36,7 @@ function StartPage1({ redirectLoc }) { rebooked and whether there is a fee for this on your booking confirmation, or contact your travel agency or the Service Centre. Alternatively, you can also rebook your flight details under{" "} - My Bookings. + My Bookings. @@ -75,11 +75,11 @@ function StartPage1({ redirectLoc }) { ticket can be rebooked and whether there is a fee for this on your booking confirmation, or contact your travel agency or the Service Centre. Alternatively, you can also make a change to your flight - details in the My Bookings section. Depending on - the alternative flight you choose, there may be surcharges on a - higher fare. The amount of the surcharge depends on the availability - of the selected booking class and will be communicated to you during - the rebooking process. + details in the My Bookings section. + Depending on the alternative flight you choose, there may be + surcharges on a higher fare. The amount of the surcharge depends on + the availability of the selected booking class and will be + communicated to you during the rebooking process. @@ -122,10 +122,10 @@ function StartPage1({ redirectLoc }) {