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

feat(SW-914): add parking logic

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-11-28 16:35:21 +01:00
parent d2e214ed6c
commit 3524b62f6c
10 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,7 @@ import type { ParkingPricesProps } from "@/types/components/hotelPage/sidepeek/p
export default async function ParkingPrices({
data,
currency,
freeParking,
}: ParkingPricesProps) {
const intl = await getIntl()
const day = intl.formatMessage({ id: "Price per day" })
@@ -27,22 +28,23 @@ export default async function ParkingPrices({
const filterdPeriods = data?.filter((filter) => filter.period !== "Hour")
console.log("Parking log:", data)
return (
<div className={styles.wrapper}>
{filterdPeriods?.map((parking) => {
return (
<div key={parking.period} className={styles.period}>
<div className={styles.information}>
<Body textTransform="bold" color="uiTextHighContrast">
{getPeriod(parking.period)}
</Body>
<Body color="uiTextHighContrast">
{`${parking.amount} ${currency}`}
</Body>
</div>
{parking.startTime && parking.endTime && (
{filterdPeriods?.map((parking) => (
<div key={parking.period} className={styles.period}>
<div className={styles.information}>
<Body textTransform="bold" color="uiTextHighContrast">
{getPeriod(parking.period)}
</Body>
<Body color="uiTextHighContrast">
{freeParking
? intl.formatMessage({ id: "Free parking" })
: `${parking.amount} ${currency}`}
</Body>
</div>
{parking.startTime &&
parking.endTime &&
parking.period !== "AllDay" && (
<div className={styles.information}>
<Body color="uiTextHighContrast">
{intl.formatMessage({ id: "From" })}
@@ -52,9 +54,8 @@ export default async function ParkingPrices({
</Body>
</div>
)}
</div>
)
})}
</div>
))}
</div>
)
}

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

@@ -54,6 +54,7 @@ export default async function ParkingAmenity({ parking }: ParkingAmenityProps) {
<ParkingPrices
data={data.pricing.localCurrency.ordinary}
currency={data.pricing.localCurrency.currency}
freeParking={data.pricing.freeParking}
/>
</div>
<div className={styles.weekend}>
@@ -64,6 +65,7 @@ export default async function ParkingAmenity({ parking }: ParkingAmenityProps) {
<ParkingPrices
data={data.pricing.localCurrency.weekend}
currency={data.pricing.localCurrency.currency}
freeParking={data.pricing.freeParking}
/>
</div>
</div>

1
components/ContentType/HotelPage/index.tsx
View File

@@ -178,7 +178,6 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
</>
) : null}
<SidePeekProvider>
{/* eslint-disable import/no-named-as-default-member */}
<AmenitiesSidePeek
amenitiesList={detailedFacilities}
parking={parking}