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} height={20}
/> />
)} )}
<Body color="textMediumContrast">{facility.name}</Body> <Body color="uiTextMediumContrast">{facility.name}</Body>
</div> </div>
) )
})} })}

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

@@ -51,7 +51,7 @@ export default async function IntroSection({
</BiroScript> </BiroScript>
<Title level="h2">{hotelName}</Title> <Title level="h2">{hotelName}</Title>
</div> </div>
<Body color="textMediumContrast">{formattedLocationText}</Body> <Body color="uiTextMediumContrast">{formattedLocationText}</Body>
{hasTripAdvisorData && ( {hasTripAdvisorData && (
<Link <Link
className={styles.introLink} 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 <AccordionItem
title={intl.formatMessage({ id: "Accessibility" })} title={intl.formatMessage({ id: "Accessibility" })}
icon={IconName.Accessibility} icon={IconName.Accessibility}
variant="sidepeek"
> >
<div className={styles.wrapper}> <div className={styles.wrapper}>
{accessibility?.description && ( {accessibility?.description && (

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

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

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

@@ -14,6 +14,7 @@ export default async function CheckInAmenity({
<AccordionItem <AccordionItem
title={`${intl.formatMessage({ id: "Check-in" })}/${intl.formatMessage({ id: "Check-out" })}`} title={`${intl.formatMessage({ id: "Check-in" })}/${intl.formatMessage({ id: "Check-out" })}`}
icon={IconName.Business} icon={IconName.Business}
variant="sidepeek"
> >
<Body textTransform="bold">{intl.formatMessage({ id: "Times" })}</Body> <Body textTransform="bold">{intl.formatMessage({ id: "Times" })}</Body>
<Body color="uiTextHighContrast">{`${intl.formatMessage({ id: "Check in from" })}: ${checkInTime}`}</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 <AccordionItem
title={intl.formatMessage({ id: "Parking" })} title={intl.formatMessage({ id: "Parking" })}
icon={IconName.Parking} icon={IconName.Parking}
variant="sidepeek"
> >
<div className={styles.wrapper}> <div className={styles.wrapper}>
{parking.map((data) => ( {parking.map((data) => (

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

@@ -1,10 +1,10 @@
.wrapper { .wrapper {
padding: var(--Spacing-x1); padding: var(--Spacing-x1) var(--Spacing-x0);
border-bottom: 1px solid var(--Base-Border-Subtle); border-bottom: 1px solid var(--Base-Border-Subtle);
} }
.amenity { .amenity {
display: flex; display: flex;
gap: var(--Spacing-x1); 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 { HeartIcon } from "@/components/Icons"
import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { mapFacilityToIcon } from "../../../data" import { mapFacilityToIcon } from "../../../data"
@@ -15,16 +15,18 @@ export default function FilteredAmenities({
{filteredAmenities?.map((amenity) => { {filteredAmenities?.map((amenity) => {
const Icon = mapFacilityToIcon(amenity.id) const Icon = mapFacilityToIcon(amenity.id)
return ( return (
<div key={amenity.name} className={styles.wrapper}> <li key={amenity.name} className={styles.wrapper}>
<div className={styles.amenity}> <div className={styles.amenity}>
{Icon ? ( {Icon ? (
<Icon color="burgundy" width={24} height={24} /> <Icon color="burgundy" width={24} height={24} />
) : ( ) : (
<HeartIcon 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>
</div> </li>
) )
})} })}
</> </>

2
components/TempDesignSystem/Card/index.tsx
View File

@@ -79,7 +79,7 @@ export default function Card({
</section> </section>
) : null} ) : null}
<Title <Title
as="h4" as="h3"
level="h3" level="h3"
textAlign="center" textAlign="center"
textTransform="regular" textTransform="regular"