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

feat(SW-243): refactor

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-20 15:26:35 +02:00
parent 65509622d2
commit 56a85dcde7
5 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css
View File

@@ -9,7 +9,6 @@
.section { .section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
width: 100%; width: 100%;
max-width: 365px; max-width: 365px;

4
components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
View File

@@ -35,7 +35,7 @@ export default async function IntroSection({ email }: IntroSectionProps) {
intent="secondary" intent="secondary"
className={styles.button} className={styles.button}
> >
Download the Scandic app {intl.formatMessage({ id: "Download the Scandic app" })}
</Button> </Button>
<Button <Button
size="small" size="small"
@@ -43,7 +43,7 @@ export default async function IntroSection({ email }: IntroSectionProps) {
intent="secondary" intent="secondary"
className={styles.button} className={styles.button}
> >
View your booking {intl.formatMessage({ id: "View your booking" })}
</Button> </Button>
</div> </div>
</section> </section>

20
components/HotelReservation/BookingConfirmation/StaySection/index.tsx
View File

@@ -1,5 +1,3 @@
import { Stay } from "@/server/routers/user/output"
import { ArrowRightIcon, ScandicLogoIcon } from "@/components/Icons" import { ArrowRightIcon, ScandicLogoIcon } from "@/components/Icons"
import Image from "@/components/Image" import Image from "@/components/Image"
import Body from "@/components/TempDesignSystem/Text/Body" import Body from "@/components/TempDesignSystem/Text/Body"
@@ -58,20 +56,26 @@ export default async function StaySection({ hotel, stay }: StaySectionProps) {
<Body color="burgundy"> <Body color="burgundy">
{intl.formatMessage({ id: "Breakfast" })} {intl.formatMessage({ id: "Breakfast" })}
</Body> </Body>
<span>{`Mon-fri ${hotel.breakfast.start}-${hotel.breakfast.end}`}</span> <Caption className={styles.caption}>
<span>{`Sat-sun ${hotel.breakfast.start}-${hotel.breakfast.end}`}</span> <span>{`Mon-fri ${hotel.breakfast.start}-${hotel.breakfast.end}`}</span>
<span>{`Sat-sun ${hotel.breakfast.start}-${hotel.breakfast.end}`}</span>
</Caption>
</div> </div>
<div className={styles.checkIn}> <div className={styles.checkIn}>
<Body color="burgundy">{intl.formatMessage({ id: "Check in" })}</Body> <Body color="burgundy">{intl.formatMessage({ id: "Check in" })}</Body>
<span>From</span> <Caption className={styles.caption}>
<span>{hotel.checkIn}</span> <span>{intl.formatMessage({ id: "From" })}</span>
<span>{hotel.checkIn}</span>
</Caption>
</div> </div>
<div className={styles.checkOut}> <div className={styles.checkOut}>
<Body color="burgundy"> <Body color="burgundy">
{intl.formatMessage({ id: "Check out" })} {intl.formatMessage({ id: "Check out" })}
</Body> </Body>
<span>At latest</span> <Caption className={styles.caption}>
<span>{hotel.checkOut}</span> <span>{intl.formatMessage({ id: "At latest" })}</span>
<span>{hotel.checkOut}</span>
</Caption>
</div> </div>
</section> </section>
</> </>

4
components/HotelReservation/BookingConfirmation/StaySection/staySection.module.css
View File

@@ -31,6 +31,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.dates { .dates {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -52,8 +53,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--Spacing-x-half); gap: var(--Spacing-x-half);
font-family: var(--typography-Caption-Regular-fontFamily);
font-size: var(--typography-Caption-Regular-fontSize);
} }
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
@@ -69,7 +68,6 @@
.info { .info {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
gap: var(--Spacing-x4);
} }
.hotel, .hotel,

1
i18n/dictionaries/en.json
View File

@@ -157,6 +157,7 @@
"We have sent a detailed confirmation of your booking to your email: ": "We have sent a detailed confirmation of your booking to your email: ", "We have sent a detailed confirmation of your booking to your email: ": "We have sent a detailed confirmation of your booking to your email: ",
"Download the Scandic app": "Download the Scandic app", "Download the Scandic app": "Download the Scandic app",
"View your booking": "View your booking", "View your booking": "View your booking",
"At latest": "At latest",
"Where to": "Where to", "Where to": "Where to",
"When": "When", "When": "When",
"Rooms & Guests": "Rooms & Guests", "Rooms & Guests": "Rooms & Guests",