From 4a8d38912ffd6f9f4059dbd898062dbdc1e7887b Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Fri, 25 Oct 2024 15:02:28 +0200
Subject: [PATCH] Loading.tsx for webviews and suspense for footer

---
 app/[lang]/webview/loading.tsx |  5 +++++
 components/Footer/index.tsx    | 12 ++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 app/[lang]/webview/loading.tsx

diff --git a/app/[lang]/webview/loading.tsx b/app/[lang]/webview/loading.tsx
new file mode 100644
index 000000000..c739b6635
--- /dev/null
+++ b/app/[lang]/webview/loading.tsx
@@ -0,0 +1,5 @@
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function Loading() {
+  return <LoadingSpinner />
+}
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 789630982..844de1b8f 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getFooter, getLanguageSwitcher } from "@/lib/trpc/memoizedRequests"
 
 import FooterDetails from "./Details"
@@ -10,9 +12,11 @@ export function preload() {
 
 export default function Footer() {
   return (
-    <footer>
-      <FooterNavigation />
-      <FooterDetails />
-    </footer>
+    <Suspense>
+      <footer>
+        <FooterNavigation />
+        <FooterDetails />
+      </footer>
+    </Suspense>
   )
 }