Merged in chore/remove-duplicate-upcoming-stays (pull request #2244)

chore: remove duplicate upcoming stays block

Approved-by: Michael Zetterberg

apps/scandic-web/components/Blocks/DynamicContent/Stays/EmptyUpcomingStays/emptyUpcomingStays.module.css

@@ -4,7 +4,7 @@
   background-color: var(--Base-Surface-Primary-light-Normal);
   border-radius: var(--Corner-radius-md);
   min-height: 250px;
-  margin-bottom: var(--Spacing-x-half);
+  margin-bottom: var(--Space-x05);
   overflow: hidden;
 }
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/index.tsx

@@ -5,8 +5,8 @@ import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 import Grids from "@/components/TempDesignSystem/Grids"
 
+import EmptyUpcomingStaysBlock from "../EmptyUpcomingStays"
 import StayCard from "../StayCard"
-import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css

@@ -1,32 +0,0 @@
-.container {
-  display: grid;
-  grid-template-rows: 1fr min(50px);
-  background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
-  min-height: 250px;
-  margin-bottom: var(--Spacing-x-half);
-  overflow: hidden;
-}
-
-.titleContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--Scandic-Brand-Pale-Peach);
-}
-
-.title {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.burgundyTitle {
-  color: var(--Scandic-Brand-Burgundy);
-}
-
-.link {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/index.tsx

@@ -1,50 +0,0 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-
-import { env } from "@/env/server"
-
-import Link from "@/components/TempDesignSystem/Link"
-import Title from "@/components/TempDesignSystem/Text/Title"
-import { getIntl } from "@/i18n"
-import { getLang } from "@/i18n/serverContext"
-import { getCurrentWebUrl } from "@/utils/url"
-
-import styles from "./emptyUpcomingStays.module.css"
-
-export default async function EmptyUpcomingStaysBlock() {
-  const intl = await getIntl()
-  const lang = await getLang()
-  const baseUrl = env.PUBLIC_URL || "https://www.scandichotels.com"
-
-  const href = !env.isLangLive(lang)
-    ? getCurrentWebUrl({ path: "/", lang, baseUrl })
-    : `/${lang}`
-
-  return (
-    <section className={styles.container}>
-      <div className={styles.titleContainer}>
-        <Title
-          as="h4"
-          level="h3"
-          color="red"
-          className={styles.title}
-          textAlign="center"
-        >
-          {intl.formatMessage({
-            defaultMessage: "You have no upcoming stays.",
-          })}
-          <span className={styles.burgundyTitle}>
-            {intl.formatMessage({
-              defaultMessage: "Where should you go next?",
-            })}
-          </span>
-        </Title>
-      </div>
-      <Link href={href} className={styles.link} color="peach80">
-        {intl.formatMessage({
-          defaultMessage: "Get inspired",
-        })}
-        <MaterialIcon icon="arrow_forward" color="CurrentColor" />
-      </Link>
-    </section>
-  )
-}

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/index.tsx

@@ -4,8 +4,8 @@ import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 
+import EmptyUpcomingStaysBlock from "../EmptyUpcomingStays"
 import ClientUpcomingStays from "./Client"
-import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
 import styles from "./upcoming.module.css"