Merged in LOY-493/Sidepeek-upcoming-stays (pull request #3315)

LOY-493/Sidepeek upcoming stays

* chore(LOY-493): Add icon to next stay card cta

* chore(LOY-493): better folder org for stays

* chore(LOY-494): more folder reorg

* feat(LOY-493): Implement Sidepeek for Upcoming Stays


Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/NextStayContent.tsx

@@ -139,11 +139,17 @@ export default async function NextStayContent({
               color="Inverted"
               size="Medium"
               href={bookingUrl}
+              className={styles.cta}
             >
               {intl.formatMessage({
                 id: "nextStay.seeDetailsAndExtras",
                 defaultMessage: "See details & extras",
               })}
+              <MaterialIcon
+                icon="keyboard_arrow_right"
+                color="CurrentColor"
+                size={24}
+              />
             </ButtonLink>
           </div>
         ) : null}

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

@@ -5,7 +5,7 @@ import { Section } from "@/components/Section"
 import { SectionHeader } from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 
-import EmptyUpcomingStaysBlock from "../EmptyUpcomingStays"
+import EmptyUpcomingStays from "../Upcoming/EmptyUpcomingStays"
 import NextStayContent from "./NextStayContent"
 
 import styles from "./nextStay.module.css"
@@ -17,7 +17,7 @@ export default async function NextStay({ title, link }: NextStayProps) {
   const nextStay = await caller.user.stays.next()
 
   if (!nextStay) {
-    return env.NEW_STAYS_ON_MY_PAGES ? <EmptyUpcomingStaysBlock /> : null
+    return env.NEW_STAYS_ON_MY_PAGES ? <EmptyUpcomingStays /> : null
   }
 
   return (

apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css

@@ -119,6 +119,10 @@
   grid-area: actions;
 }
 
+.cta {
+  width: 100%;
+}
+
 @media (min-width: 768px) {
   .nextStayCard {
     max-width: 100%;