remove from the data table the operational alert and billing alert and make the remaing data having more space between them. create a new data title and column with the name "Pax". also when someone clicks on a participant's name, a window will open with all of the participants names (if a person booked a tour for 3 persons, all three names, addresses, ages etc. will appear)
Now I'll update the Booking interface and table to remove the alerts, add Pax, and create a participant details dialog:
Now let me add the participant dialog at the end of the component:
Now I need to update the page.tsx to include pax and participants data in the sample bookings:
Now update the create booking handler to include pax and participants:
I've made the following changes to the bookings table:
px-4 to px-6 and increased column widths for better readabilitypax (number) and participants (array of Participant objects) to the Booking interface, with sample data showing bookings with 1-4 participants eachmake the date pickers on search have at the start these dates: 28.01.26 and 30.01.26
make the date pickers on search have at the start these dates: 28.01.26 and 30.01.26. when the calendar opens it will show these range of dates