robin/Dramlog-Prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add global auth listener with hard reload on logout

Browse Source
This commit is contained in:
robin
2025-12-18 21:45:27 +01:00
parent 6f32bfa17f
commit 17727243be
2 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -8,6 +8,7 @@ import { I18nProvider } from "@/i18n/I18nContext";
import { SessionProvider } from "@/context/SessionContext"; import { SessionProvider } from "@/context/SessionContext";
import ActiveSessionBanner from "@/components/ActiveSessionBanner"; import ActiveSessionBanner from "@/components/ActiveSessionBanner";
import MainContentWrapper from "@/components/MainContentWrapper"; import MainContentWrapper from "@/components/MainContentWrapper";
import AuthListener from "@/components/AuthListener";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
@@ -46,6 +47,7 @@ export default function RootLayout({
<body className={inter.className}> <body className={inter.className}>
<I18nProvider> <I18nProvider>
<SessionProvider> <SessionProvider>
<AuthListener />
<ActiveSessionBanner /> <ActiveSessionBanner />
<MainContentWrapper> <MainContentWrapper>
<PWARegistration /> <PWARegistration />

28
src/components/AuthListener.tsx Normal file
View File

@@ -0,0 +1,28 @@
'use client';
import { useEffect } from 'react';
import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
export default function AuthListener() {
const supabase = createClientComponentClient();
useEffect(() => {
// Listener für Auth-Status Änderungen
const {
data: { subscription },
} = supabase.auth.onAuthStateChange((event) => {
if (event === 'SIGNED_OUT') {
console.log(`[Auth] Event ${event} detected, forcing reload...`);
// Zwinge den Browser zum kompletten Neuladen, um Caches zu leeren
// Wir nutzen window.location.href statt router.push für einen harten Reload
window.location.href = '/';
}
});
return () => {
subscription.unsubscribe();
};
}, [supabase]);
return null;
}