diff --git a/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css b/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css index 941f3be5e..77c7de7e4 100644 --- a/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css +++ b/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css @@ -3,12 +3,11 @@ background-color: var(--Scandic-Brand-Pale-Peach); border-radius: var(--Corner-radius-Medium); display: flex; - gap: var(--Spacing-x3); + gap: var(--Spacing-x9); flex-direction: column; - justify-content: center; margin-bottom: var(--Spacing-x-half); min-height: 250px; - padding: var(--Spacing-x0) var(--Spacing-x3); + justify-content: end; } .burgundyTitle { @@ -16,3 +15,14 @@ display: block; text-align: center; } + +.link { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + background-color: var(--Base-Surface-Primary-Normal); + padding: var(--Spacing-x-one-and-half) var(--Spacing-x0); + border-radius: var(--Spacing-x0) var(--Spacing-x0) var(--Corner-radius-Medium) + var(--Corner-radius-Medium); +} diff --git a/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx b/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx index e5403a1a1..13e20c952 100644 --- a/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx +++ b/components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx @@ -1,11 +1,16 @@ -import Button from "@/components/TempDesignSystem/Button" +import { homeHrefs } from "@/constants/homeHrefs" +import { env } from "@/env/server" + +import { ArrowRightIcon } from "@/components/Icons" import Link from "@/components/TempDesignSystem/Link" import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import styles from "./emptyUpcomingStays.module.css" -export default async function EmptyUpcomingStaysBlock() { +import { LangParams } from "@/types/params" + +export default async function EmptyUpcomingStaysBlock({ lang }: LangParams) { const { formatMessage } = await getIntl() return (
@@ -16,9 +21,14 @@ export default async function EmptyUpcomingStaysBlock() { {formatMessage({ id: "Where should you go next?" })} - + + {formatMessage({ id: "Get inspired" })} + +
) } diff --git a/components/MyPages/Blocks/Stays/Soonest/index.tsx b/components/MyPages/Blocks/Stays/Soonest/index.tsx index 2bd28a3e3..bceb74967 100644 --- a/components/MyPages/Blocks/Stays/Soonest/index.tsx +++ b/components/MyPages/Blocks/Stays/Soonest/index.tsx @@ -34,7 +34,7 @@ export default async function SoonestStays({ ))} ) : ( - + )} ) diff --git a/components/MyPages/Blocks/Stays/StayCard/index.tsx b/components/MyPages/Blocks/Stays/StayCard/index.tsx index 5119d098c..a22a5f421 100644 --- a/components/MyPages/Blocks/Stays/StayCard/index.tsx +++ b/components/MyPages/Blocks/Stays/StayCard/index.tsx @@ -19,6 +19,8 @@ export default function StayCard({ stay, lang }: StayCardProps) { const departDate = depart.format("DD MMM YYYY") const departDateTime = depart.format("YYYY-MM-DD") + const guestAmount = 3 + return (
- 2 guests + {`${guestAmount} ${guestAmount > 1 ? "Guests" : "Guest"}`}