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

fix(SW-886): sidepeek updates

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-12-05 14:34:06 +01:00
parent 0ad703a29f
commit 775f782b4d
9 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ContentType/HotelPage/AmenitiesList/index.tsx
View File

@@ -36,7 +36,7 @@ export default async function AmenitiesList({
height={20}
/>
)}
<Body color="textMediumContrast">{facility.name}</Body>
<Body color="uiTextMediumContrast">{facility.name}</Body>
</div>
)
})}

2
components/ContentType/HotelPage/IntroSection/index.tsx
View File

@@ -51,7 +51,7 @@ export default async function IntroSection({
</BiroScript>
<Title level="h2">{hotelName}</Title>
</div>
<Body color="textMediumContrast">{formattedLocationText}</Body>
<Body color="uiTextMediumContrast">{formattedLocationText}</Body>
{hasTripAdvisorData && (
<Link
className={styles.introLink}

1
components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Accessibility/index.tsx
View File

@@ -17,6 +17,7 @@ export default async function AccessibilityAmenity({
<AccordionItem
title={intl.formatMessage({ id: "Accessibility" })}
icon={IconName.Accessibility}
variant="sidepeek"
>
<div className={styles.wrapper}>
{accessibility?.description && (

1
components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Breakfast/index.tsx
View File

@@ -9,6 +9,7 @@ export default async function BreakfastAmenity() {
<AccordionItem
title={intl.formatMessage({ id: "Breakfast" })}
icon={IconName.CoffeeAlt}
variant="sidepeek"
>
{/* TODO: breakfast to be implemented */}
</AccordionItem>

1
components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/CheckIn/index.tsx
View File

@@ -14,6 +14,7 @@ export default async function CheckInAmenity({
<AccordionItem
title={`${intl.formatMessage({ id: "Check-in" })}/${intl.formatMessage({ id: "Check-out" })}`}
icon={IconName.Business}
variant="sidepeek"
>
<Body textTransform="bold">{intl.formatMessage({ id: "Times" })}</Body>
<Body color="uiTextHighContrast">{`${intl.formatMessage({ id: "Check in from" })}: ${checkInTime}`}</Body>

1
components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Parking/index.tsx
View File

@@ -25,6 +25,7 @@ export default async function ParkingAmenity({
<AccordionItem
title={intl.formatMessage({ id: "Parking" })}
icon={IconName.Parking}
variant="sidepeek"
>
<div className={styles.wrapper}>
{parking.map((data) => (

4
components/ContentType/HotelPage/SidePeeks/Amenities/FilteredAmenities/filteredAmenities.module.css
View File

@@ -1,10 +1,10 @@
.wrapper {
padding: var(--Spacing-x1);
padding: var(--Spacing-x1) var(--Spacing-x0);
border-bottom: 1px solid var(--Base-Border-Subtle);
}
.amenity {
display: flex;
gap: var(--Spacing-x1);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x1);
}

10
components/ContentType/HotelPage/SidePeeks/Amenities/FilteredAmenities/index.tsx
View File

@@ -1,5 +1,5 @@
import { HeartIcon } from "@/components/Icons"
import Body from "@/components/TempDesignSystem/Text/Body"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { mapFacilityToIcon } from "../../../data"
@@ -15,16 +15,18 @@ export default function FilteredAmenities({
{filteredAmenities?.map((amenity) => {
const Icon = mapFacilityToIcon(amenity.id)
return (
<div key={amenity.name} className={styles.wrapper}>
<li key={amenity.name} className={styles.wrapper}>
<div className={styles.amenity}>
{Icon ? (
<Icon color="burgundy" width={24} height={24} />
) : (
<HeartIcon color="burgundy" width={24} height={24} />
)}
<Body color="burgundy">{amenity.name}</Body>
<Subtitle color="burgundy" type="two">
{amenity.name}
</Subtitle>
</div>
</div>
</li>
)
})}
</>