feat/SW-451-ui-hotel-card (pull request #700)

Feat/SW-451 ui hotel card

* feat(SW-451): initial design

* feat(SW-451): add gallery icon and responsive  design for mobile

* feat(SW-451): refactor name, add routing to sidepeek

* feat(SW-451): add updated design

* feat(SW-451): add tripadvisor chip

* feat(SW-451): fix gallery icon

* feat(SW-451): fix additional falsy value check

* feat(SW-451): fix import type

* feat(SW-451): remove galleryIcon until image data exists

* feat(SW-451): fix css styling

* feat(SW-451): add new design for mobile

* feat(SW-451): add translation

* feat(SW-451): change css to mobile first

* feat(SW-451): change div to article


Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2024-10-22 06:18:40 +00:00
parent b5cb8fe080
commit ea3b86c33e
7 changed files with 231 additions and 7 deletions

View File

@@ -67,7 +67,11 @@ export default async function HotelCard({ hotel }: HotelCardProps) {
)
})}
</div>
<ReadMore hotelId={hotelData.operaId} hotel={hotelData} />
<ReadMore
label={intl.formatMessage({ id: "See hotel details" })}
hotelId={hotelData.operaId}
hotel={hotelData}
/>
</section>
<section className={styles.prices}>
<div>