개선(improvement) #2817
closed개선(improvement) #2616: ** Hotel Lists Screen UI Renewal
개선(improvement) #2771: - PC
PC_Filter by
Description
Plan: https://www.figma.com/design/pbZ5AJvKgku2XOwtqg2ffd/OMH-%EC%83%81%ED%92%88-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%ED%99%94%EB%A9%B4-%EA%B0%9C%EC%84%A0?node-id=376-928&t=zuTj6skGbYKXRqte-1
Link design: https://www.figma.com/design/rKpXzV8hRJIgtVK4QtJqi8/B2C--B2B?node-id=17942-236826&t=WsUc4uA4Zik57NM5-0
3-1. Filter by
3-2. Filter by
Files
Updated by Tom Dong about 2 months ago
- Due date set to 01/27/2026
- Start date set to 01/22/2026
- % Done changed from 0 to 70
Updated by Mon Nguyen about 2 months ago
- Assignee changed from Tom Dong to Mon Nguyen
Updated by Mon Nguyen about 1 month ago
- Status changed from 신규(New) to 진행(Doing)
Updated by Mon Nguyen 29 days ago
- Status changed from 진행(Doing) to 완료(Done)
- % Done changed from 50 to 100
Updated by Mon Nguyen 26 days ago
- Status changed from 완료(Done) to QA test
- Assignee changed from Mon Nguyen to Tracy Truong
- Build env. set to Dev
Dear Tracy Truong
Please help me double check this view and feature
Thank you
Updated by Tracy Truong 15 days ago
- Assignee changed from Tracy Truong to Holden Dang
Updated by Holden Dang 15 days ago
- File picture772-1.png picture772-1.png added
- File picture772-2.png picture772-2.png added
- File picture772-3.png picture772-3.png added
- File picture772-4.png picture772-4.png added
- File picture772-5.png picture772-5.png added
- File picture772-6.png picture772-6.png added
- File picture772-7.png picture772-7.png added
- File picture772-8.png picture772-8.png added
- File picture772-9.png picture772-9.png added
Expected:
1. Reset button: color: #888888
2. Hotel name: font-weight: 500; line-height: 18px; color: #000000;
3. Placeholder: Enter the hotel name
4. Price range: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
5. <currency> amount: color: #666666
6. Deals: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
7. Deals - Promotion: color: #000000
8. Hotel grade: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
9. Hotel grade - Stars: color: #000000; line-height: 18px;
10. Hotel grade - Stars count: color: #888888
Updated by Holden Dang 15 days ago
- File picture007-11.png picture007-11.png added
- File picture007-12.png picture007-12.png added
- File picture007-13.png picture007-13.png added
- File picture007-14.png picture007-14.png added
- File picture007-15.png picture007-15.png added
- File picture007-16.png picture007-16.png added
- File picture007-17.png picture007-17.png added
- File picture007-18.png picture007-18.png added
- File picture007-19.png picture007-19.png added
11. Guest rating: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
12. Guest rating - Rating: color: #000000; line-height: 18px;
13. Guest rating - Rating count: color: #888888
14. Accommodation type: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
15. Accommodation type - type: color: #000000; line-height: 18px;
16. Accommodation type - type: color: #888888
17. Breakfast: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
18. Breakfast - Include/Exclude: color: #000000; line-height: 18px;
19. Benefits: font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;
20. Benefits - Kids Stay Free: color: #000000; line-height: 18px;
Updated by Holden Dang 14 days ago
- File picture395-21.png picture395-21.png added
- File picture395-22.png picture395-22.png added
- File picture395-23.png picture395-23.png added
- File picture395-24.png picture395-24.png added
- File picture395-25.png picture395-25.png added
- File picture395-26.png picture395-26.png added
- File picture395-27.png picture395-27.png added
- File picture395-28.png picture395-28.png added
- File picture395-29.png picture395-29.png added
21. Display '호텔 검색' intead of '호텔명' (Translate: Hotel name)
22. Placeholder displays '호텔 이름을 입력하세요' intead of '호텔 이름을 입력해 주세요'
23. Price range: Check circle size as design
24. Deals: margin-right: 10px;
25. Hotel grade:
- margin-top: 24px;
- Change format → n stars → n-star
26. Remove line & gap 24px below Price range, Deals, Hotel grade, Guest rating, Accommodation type, and Breakfast sections as design
27. Show all: font-weight: 600;
28. Change ☑ icon
29. KO language, search HCM, 26.03.09 - 26.03.11 => The exact hotel number should be displayed
30. KO languange:
- Displays '9+ 최고'
- Displays '8+ 우수'
- Displays '6+ 양호'
- 'Show all' button: displays '펼치기'
- 'Kids Stay Free' option: displays '아동 무료 투숙'
31. Feedback => Filter by - Accommodation type - Please check the code and update the KO language if needed
Updated by Holden Dang 13 days ago
- File Ohmyhotel - Google Chrome 2026-02-25 14-03-45.mp4 Ohmyhotel - Google Chrome 2026-02-25 14-03-45.mp4 added
- File Ohmyhotel - Google Chrome 2026-02-25 15-34-37.mp4 Ohmyhotel - Google Chrome 2026-02-25 15-34-37.mp4 added
- Status changed from QA test to 완료실패(Failed)
- Assignee changed from Holden Dang to Mon Nguyen
32. Steps to reproduce: Search Ho Chi Minh, 26.03.25 ~ 26.03.26 => Select 5 and 4 stars in Hotel grade section => Click Reset
Actual: Show 7 hotels found
Expected: Show 12 hotels found or display the original hotel found
33. All sections return to default expanded state when user collapses all sections and clicks the Reset button
