\n ✈️ Flight Booking\n

\n {currentState !== 'search' && (\n \n ← New Search\n \n )}\n

\n\n

\n {error && (\n

⚠️

Error

{error}

\n )}\n\n {loading && (\n

\n Searching flights...\n

\n )}\n\n {!loading && currentState === 'search' && (\n \n )}\n\n {!loading && currentState === 'results' && (\n \n )}\n\n {!loading && currentState === 'booking' && selectedFlight && (\n \n )}\n\n {!loading && currentState === 'confirmation' && booking && selectedFlight && (\n

✅

Booking Confirmed!

Your flight has been successfully booked.

\n\n

Booking Details

\n Confirmation Code:\n {booking.confirmationCode}\n

\n Flight:\n {selectedFlight.airline} {selectedFlight.flightNumber}\n

\n Route:\n {selectedFlight.origin} → {selectedFlight.destination}\n

\n Departure:\n \n {new Date(selectedFlight.departureTime).toLocaleString()}\n \n

\n Passengers:\n {booking.passengers.length}\n

\n Total Price:\n ${booking.totalPrice.toFixed(2)}\n

\n\n

\n \n Book Another Flight\n \n

\n )}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/omoba6417/omo/code/frontend/components/App.tsx","extension","actionData","errors"]