We need to finalized the Property Single View by adding a new segment for the Bookable Units. We already have the UI for this page, we just need some adjustment.
THIS WILL NOT BE CONNECTED TO THE BACKEND, JUST UI WITH DUMMY DATA.
1. Bookable Units
We need to add a segment to show "Available Rooms" for Hotel
We need to add a segment to show "Available Bed and Rooms" for Hostel and Homestay
We need to add a segment to show "Available Bed, Rooms and Whole Places" for Resort
We need to add a segment to show "Available Whole Places" for Apartment and Villa
If you go to this link, you will see the current implementation of the page and the new UI will be like this
Place the bookable units list in the current calendar, just remove the calendar because it is not relevant anymore
The Book Info Box on the right will be showed disabled until the guest select a bookable unit, make it opacity-70 if disabled.
Whenever the guest select a bookable unit, the Book Info Box pricing will change depending on the unit that was selected.
Book Info Box UI is already there, we just need to adjust it.
2. Photos
For some reason, photos for property was affected by some of the PRs before, it needs to be like this
not this
This is the page link for the right Photos reference
Note that, we also need to copy the Title style and the Share and Save link from the first image.
Requirements
We need to finalized the Property Single View by adding a new segment for the Bookable Units. We already have the UI for this page, we just need some adjustment.
THIS WILL NOT BE CONNECTED TO THE BACKEND, JUST UI WITH DUMMY DATA.
1. Bookable Units
We need to add a segment to show "Available Whole Places" for Apartment and Villa
If you go to this link, you will see the current implementation of the page and the new UI will be like this
Place the bookable units list in the current calendar, just remove the calendar because it is not relevant anymore
The Book Info Box on the right will be showed disabled until the guest select a bookable unit, make it
opacity-70
if disabled.Whenever the guest select a bookable unit, the Book Info Box pricing will change depending on the unit that was selected.
Book Info Box UI is already there, we just need to adjust it.
2. Photos
For some reason, photos for property was affected by some of the PRs before, it needs to be like this
not this
This is the page link for the right Photos reference
Note that, we also need to copy the Title style and the Share and Save link from the first image.
3. Change URL
/listing/property/[title-name]
Acceptance Criteria
Tasks (if any)