scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: schema change

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-06 12:49:50 +02:00
parent 798d19d3c8
commit 75011dffe5
4 changed files with 38 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/HotelReservation/HotelCard/index.tsx
View File

@@ -13,7 +13,13 @@ export default async function HotelCard({ hotel }: HotelCardProps) {
const { formatMessage } = await getIntl()
return (
<article className={styles.card}>
<Image src="" alt="hotel image" className={styles.image} />
<Image
src={hotel.hotelContent.images.imageSizes.large}
alt={hotel.hotelContent.images.metaData.altText}
width={300}
height={200}
className={styles.image}
/>
<div className={styles.information}>
<header className={styles.title}>
<ScandicLogoIcon color="red" />

16
components/HotelReservation/SelectHotel/HotelFilter/index.tsx
View File

@@ -11,8 +11,8 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
<aside className={styles.container}>
<div className={styles.facilities}>
{formatMessage({ id: "Room facilities" })}
{filters.filterType.roomFacilities.map((roomFilter, index) => (
<div key={index} className={styles.filter}>
{filters.roomFacilities.map((roomFilter, index) => (
<div key={`room filter-${index}`} className={styles.filter}>
<input id={roomFilter} name={roomFilter} type="checkbox" />
<label htmlFor={roomFilter}>{roomFilter}</label>
</div>
@@ -20,8 +20,8 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
</div>
<div className={styles.facilities}>
{formatMessage({ id: "Hotel facilities" })}
{filters.filterType.hotelFacilities.map((hotelFilter, index) => (
<div key={index} className={styles.filter}>
{filters.hotelFacilities.map((hotelFilter, index) => (
<div key={`hotel filter-${index}`} className={styles.filter}>
<input id={hotelFilter} name={hotelFilter} type="checkbox" />
<label htmlFor={hotelFilter}>{hotelFilter}</label>
</div>
@@ -29,10 +29,10 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
</div>
<div className={styles.facilities}>
{formatMessage({ id: "Hotel surroundings" })}
{filters.filterType.hotelSurroundings.map((sorroundings, index) => (
<div key={index} className={styles.filter}>
<input id={sorroundings} name={sorroundings} type="checkbox" />
<label htmlFor={sorroundings}>{sorroundings}</label>
{filters.hotelSurroundings.map((surroundings, index) => (
<div key={`surroundings filter-${index}`} className={styles.filter}>
<input id={surroundings} name={surroundings} type="checkbox" />
<label htmlFor={surroundings}>{surroundings}</label>
</div>
))}
</div>