From 82708d0d2db8bdbe4f6636d2101d6da9bf7f825f Mon Sep 17 00:00:00 2001
From: Anton Gunnarsson <anton.gunnarsson@scandichotels.com>
Date: Fri, 23 Jan 2026 12:35:27 +0000
Subject: [PATCH] Merged in fix/missing-skeletons (pull request #3486)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix: Missing footer skeletons

* Fix footer skeletons

* Remove unused export


Approved-by: Matilda Landström
---
 apps/scandic-web/components/Footer/index.tsx       | 14 ++++++++++----
 .../Header/MainMenu/MyPagesMenuWrapper/index.tsx   |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/scandic-web/components/Footer/index.tsx b/apps/scandic-web/components/Footer/index.tsx
index c4667c09d..985598ed8 100644
--- a/apps/scandic-web/components/Footer/index.tsx
+++ b/apps/scandic-web/components/Footer/index.tsx
@@ -1,7 +1,9 @@
+import { Suspense } from "react"
+
 import { getFooter } from "@/lib/trpc/memoizedRequests"
 
-import FooterDetails from "./Details"
-import FooterNavigation from "./Navigation"
+import FooterDetails, { FooterDetailsSkeleton } from "./Details"
+import FooterNavigation, { FooterNavigationSkeleton } from "./Navigation"
 
 import styles from "./footer.module.css"
 
@@ -14,8 +16,12 @@ export default async function Footer() {
 
   return (
     <footer className={styles.footer}>
-      <FooterNavigation />
-      <FooterDetails />
+      <Suspense fallback={<FooterNavigationSkeleton />}>
+        <FooterNavigation />
+      </Suspense>
+      <Suspense fallback={<FooterDetailsSkeleton />}>
+        <FooterDetails />
+      </Suspense>
     </footer>
   )
 }
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
index c60f8f463..f73141ad2 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
@@ -105,7 +105,7 @@ export default function MyPagesMenuWrapper() {
   )
 }
 
-export function MyPagesMenuWrapperSkeleton() {
+function MyPagesMenuWrapperSkeleton() {
   return (
     <div>
       <MyPagesMenuSkeleton />