Project

General

Profile

Actions

Feature #31068

open

Feature #30648: Nextjs - Middleware settings

Feature #30757: Home Page integration

Feature #31067: Result page integration

Hotel result page

Added by Subana Shahul 4 months ago. Updated 4 months ago.

Status:
In Progress
Priority:
Normal
Category:
-
Target version:
-
Start date:
12/10/2025
Due date:
12/31/2025 (about 4 months late)
% Done:

0%

Estimated time:
40:00 h
Spent time:
remarks:
DB Changes:
Keys & Permissions:
Areas Affected:
Files Changed:

Description

search , result page Api call
Result binding
Filter
Sort


Files

detailsmodal.PNG (260 KB) detailsmodal.PNG Meenu Krishnan, 12/12/2025 04:00 PM
detailsmodalamenities.PNG (338 KB) detailsmodalamenities.PNG Meenu Krishnan, 12/12/2025 04:02 PM
filter1.PNG (24.5 KB) filter1.PNG Meenu Krishnan, 12/15/2025 06:34 PM
filter2.PNG (30.5 KB) filter2.PNG Meenu Krishnan, 12/15/2025 06:34 PM
mapinfo.PNG (675 KB) mapinfo.PNG Meenu Krishnan, 12/19/2025 04:05 PM
flightticket1.PNG (277 KB) flightticket1.PNG Meenu Krishnan, 12/24/2025 04:29 PM
mobileview.PNG (31 KB) mobileview.PNG Meenu Krishnan, 12/24/2025 04:29 PM
Actions #1

Updated by Meenu Krishnan 4 months ago

  • Status changed from Assigned to In Progress
Actions #2

Updated by Meenu Krishnan 4 months ago

-Integration for Hotel Search and Hotel Results has been completed successfully. With the SearchId generation, Search API call, and Result polling now working end-to-end, moving to the UI development phase.

Actions #3

Updated by Meenu Krishnan 4 months ago

-Implemented useFetchHotelResults() hook to fetch hotel data dynamically based on current parameters.
-Added proper error handling and loading state management via Redux (isRequestCompleted and fullLoader flags).
-Updated MainBlock to Render HotelResultPanel for each hotel returned from the API.
-Implement infinite scroll with IntersectionObserver to dynamically load additional results.
-Dispatched API results to Redux store (processedHotelResults and hotelResults).

Updated by Meenu Krishnan 4 months ago

-Implementing the data binding within the result panel - details modal(Amenities and hotel details).

Updated by Meenu Krishnan 4 months ago

Hotel Filter Section Integration:
-Implemented hotel search using Downshift.
-Integrated all filters (Budget, StarRating, Search, PropertyAccess) in HotelFilterSection.
-Added clear button and handled click outside to close suggestions.
-Updates the filter context with selected hotel name.

Actions #6

Updated by Meenu Krishnan 4 months ago

  • File DetailsMap.PNG added

-A new map modal has been successfully added to the Result Panel -Details section. This enhancement allows users to view hotel locations on an expanded Google Map without leaving the results page(Work in Progress).

Actions #7

Updated by Meenu Krishnan 4 months ago

  • File deleted (DetailsMap.PNG)
Actions #8

Updated by Meenu Krishnan 4 months ago

Filter Panel Implementation on Map Section
-Integrated HotelFilterSection into the map view as a toggleable sidebar filter panel.
-Added isFilterOpen state to manage open/close functionality for the filter panel.to handle open/close functionality.

Actions #9

Updated by Meenu Krishnan 4 months ago

Integrated Google Maps with Optimized Marker
Implemented `FullMap`[APIProvider, Map, AdvancedMarker] using `@vis.gl/react-google-maps`.
-Converted hotel results into map coordinates using `getHotelCoordinates` function.
-Rendered hotel markers using `AdvancedMarker`.

Actions #10

Updated by Meenu Krishnan 4 months ago

-Implemented Marker Click to Hotel Info Modal Flow.
-Filter Panel Integration.
-Implemented Hotel Info Modal, Displayed hotel image, name, address, description, and price.
-Added More, Show Less functionality for long descriptions.

Actions #11

Updated by Meenu Krishnan 4 months ago

Studied the FlightTicket container and CongratsBlock components, and completed a detailed analysis of the FlightTicketBlock and TicketPaymentSection server components that handle core rendering, data binding, and payment details on the Flight Ticket page.

Actions #12

Updated by Meenu Krishnan 4 months ago

Flight Ticket Bind study

Updated by Meenu Krishnan 4 months ago

-Implemented Flight Ticket desktop and mobile views with conditional rendering based on device type.
-Integrated CongratsBlock to display transaction success/failure details after payment.
-Dynamic LTR / RTL layout handling based on locale (en / ar).
-Integrated banner, header, mail block, and ticket layout for printable/downloadable ticket view.

Actions #14

Updated by Meenu Krishnan 4 months ago

Implemented and refined flight ticket UI components including,Ticket Payment Details,Passenger Details,Flight Details and Flight Details Header.

Actions #15

Updated by Meenu Krishnan 4 months ago

Implemented Priority Refund section with conditional rendering based on added extras and RTL/LTR layout handling.
Added Rules & Conditions section with server-side localization and structured bullet-point display.
Completed Contact Details section with localized heading and environment-driven support information (address, email, phone, WhatsApp).

Actions #16

Updated by Meenu Krishnan 4 months ago

-Updated Newsletter Subscribe section ,use global triggerAlert for success and error messages.
-Improve form validation and submission UX.
-Clarified and aligned form field handling (Email_0) with existing reusable input components.

Actions #17

Updated by Meenu Krishnan 4 months ago

-Reviewed flight deal API response structure.
-Reviewed hotel deal API response structure including City, Check-in/Check-out dates, Fare details, image, and Deal ID.
-Studied and verified the data transformation logic used to normalize API responses into UI-consumable formats.

Actions

Also available in: Atom PDF