40 lines
969 B
TypeScript
40 lines
969 B
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import { signOut } from "next-auth/react";
|
|
import { useRouter } from "next/navigation";
|
|
|
|
export default function LogoutPage() {
|
|
const [isLoggingOut, setIsLoggingOut] = useState(true);
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
const doLogout = async () => {
|
|
try {
|
|
await signOut({
|
|
redirect: false,
|
|
callbackUrl: "/",
|
|
});
|
|
// After successful logout, redire page
|
|
router.push("/");
|
|
} catch (error) {
|
|
console.error("Logout error:", error);
|
|
// Even if there's an error, redirect to login page
|
|
router.push("/");
|
|
} finally {
|
|
setIsLoggingOut(false);
|
|
}
|
|
};
|
|
|
|
if (isLoggingOut) {
|
|
doLogout();
|
|
}
|
|
}, [isLoggingOut, router]);
|
|
|
|
return (
|
|
<div style={{ textAlign: "center", marginTop: "3rem" }}>
|
|
{isLoggingOut ? "Logging out..." : "Redirecting to login..."}
|
|
</div>
|
|
);
|
|
}
|