feat: implement next redirect flow, remove inactivity auto-logout, and add concurrent session termination notification
All checks were successful
Staging Build / build (push) Successful in 2m14s

This commit is contained in:
DanielS
2026-06-24 01:09:17 +02:00
parent 47664c0aae
commit b34ed79d2b
3 changed files with 16 additions and 35 deletions

View File

@@ -195,7 +195,7 @@ export function NavbarClient({ user, role = "partner" }: NavbarClientProps) {
</div>
) : (
<Button asChild className="bg-primary hover:bg-primary/95 text-white dark:text-blue-500">
<Link href="/login">Anmelden</Link>
<Link href={`/auth/login?next=${typeof window !== 'undefined' ? window.location.pathname : '/'}`}>Anmelden</Link>
</Button>
)}
</nav>
@@ -285,7 +285,7 @@ export function NavbarClient({ user, role = "partner" }: NavbarClientProps) {
</Button>
) : (
<Button asChild className="w-full bg-primary hover:bg-primary/95 text-white dark:text-blue-500" onClick={() => setIsMobileMenuOpen(false)}>
<Link href="/login">Anmelden</Link>
<Link href={`/auth/login?next=${typeof window !== 'undefined' ? window.location.pathname : '/'}`}>Anmelden</Link>
</Button>
)}
</div>

View File

@@ -25,20 +25,7 @@ export function InactivityTracker() {
);
useEffect(() => {
const INACTIVITY_LIMIT = 5 * 60 * 1000; // 5 Minuten in ms
const updateActivity = () => {
localStorage.setItem("last_activity", Date.now().toString());
};
// Events zum Tracken der Benutzerinteraktion
const events = ["mousemove", "keydown", "mousedown", "touchstart", "scroll", "click"];
events.forEach((event) => window.addEventListener(event, updateActivity));
// Aktivitätszeitstempel beim Mounten initialisieren
updateActivity();
// Regelmäßige Überprüfung der Inaktivität
// Regelmäßige Überprüfung der Session-Gültigkeit (z.B. wegen Login auf anderem Browser/Gerät)
const interval = setInterval(async () => {
const { data: { session } } = await supabase.auth.getSession();
if (!session) return; // Nicht eingeloggt, keine Prüfung nötig
@@ -49,32 +36,15 @@ export function InactivityTracker() {
try {
await signOut();
} catch (e) {
console.error("Fehler beim Inactivity-Server-Signout:", e);
console.error("Fehler beim Server-Signout nach Session-Verlust:", e);
}
await supabase.auth.signOut();
localStorage.removeItem("last_activity");
router.push("/");
router.refresh();
return;
}
const lastActivity = Number(localStorage.getItem("last_activity") || Date.now());
if (Date.now() - lastActivity > INACTIVITY_LIMIT) {
// Bei Überschreitung abmelden
try {
await signOut();
} catch (e) {
console.error("Fehler beim Inactivity-Server-Signout:", e);
}
await supabase.auth.signOut();
localStorage.removeItem("last_activity");
router.push("/");
router.push("/auth/login?message=concurrent");
router.refresh();
}
}, 5000); // Prüfung alle 5 Sekunden
return () => {
events.forEach((event) => window.removeEventListener(event, updateActivity));
clearInterval(interval);
};
}, [supabase, router]);

View File

@@ -90,6 +90,17 @@ export function LoginForm({
onChange={(e) => setPassword(e.target.value)}
/>
</div>
{(() => {
const messageParam = typeof window !== 'undefined' ? new URLSearchParams(window.location.search).get('message') : null;
if (messageParam === "concurrent") {
return (
<p className="text-sm text-amber-500 bg-amber-500/10 border border-amber-500/20 p-3 rounded-lg text-center font-medium">
Sie wurden abgemeldet, da Sie sich an einem anderen Gerät angemeldet haben.
</p>
);
}
return null;
})()}
{error && <p className="text-sm text-red-500">{error}</p>}
<Button type="submit" className="w-full" disabled={isLoading}>
{isLoading ? "Logging in..." : "Login"}