From 943184c50c2cb975b9e25e08c15903a72a0a60cb Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Thu, 26 Sep 2024 11:31:39 +0200
Subject: [PATCH] fix: reload window on logout

---
 app/[lang]/(live)/(protected)/(.)logout/page.tsx | 14 ++++++++++++++
 app/[lang]/(live)/(protected)/logout/route.ts    |  4 ----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 app/[lang]/(live)/(protected)/(.)logout/page.tsx

diff --git a/app/[lang]/(live)/(protected)/(.)logout/page.tsx b/app/[lang]/(live)/(protected)/(.)logout/page.tsx
new file mode 100644
index 000000000..c4884586f
--- /dev/null
+++ b/app/[lang]/(live)/(protected)/(.)logout/page.tsx
@@ -0,0 +1,14 @@
+"use client"
+
+import { useEffect } from "react"
+
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function LogoutInterceptedRoute() {
+  // Reload the browser on logout in order to flush router cache. This is to make sure we don't show stale user specific data.
+  useEffect(() => {
+    window.location.reload()
+  }, [])
+
+  return <LoadingSpinner />
+}
diff --git a/app/[lang]/(live)/(protected)/logout/route.ts b/app/[lang]/(live)/(protected)/logout/route.ts
index 002e0dca6..2bb2f0a52 100644
--- a/app/[lang]/(live)/(protected)/logout/route.ts
+++ b/app/[lang]/(live)/(protected)/logout/route.ts
@@ -1,4 +1,3 @@
-import { revalidatePath } from "next/cache"
 import { NextRequest, NextResponse } from "next/server"
 import { AuthError } from "next-auth"
 
@@ -95,9 +94,6 @@ export async function GET(
       redirect: false,
     })
 
-    // Revalidate the router cache for my pages to make sure we don't show stale user data
-    revalidatePath("/[lang]/my-pages", "layout")
-
     if (redirectUrlObj) {
       console.log(`[logout] redirecting to: ${redirectUrlObj.redirect}`)
       return NextResponse.redirect(redirectUrlObj.redirect)