Files
CPLv4.0/app/wait/page.jsx
2024-10-17 12:14:56 +02:00

27 lines
762 B
JavaScript

"use client"; // app/wait/page.jsx
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { ClipLoader } from "react-spinners";
export default function WaitPage() {
const router = useRouter();
useEffect(() => {
// Starte den Timer, um nach 20 Sekunden weiterzuleiten
const timer = setTimeout(() => {
router.push("/");
}, 20000); // 20 Sekunden warten
// Timer aufräumen, wenn die Komponente entladen wird
return () => clearTimeout(timer);
}, [router]);
return (
<div style={{ textAlign: "center", marginTop: "100px" }}>
<h1>Bitte warten...</h1>
<ClipLoader color={"#76c7c0"} size={50} /> {/* Spinner */}
<p>Die Seite wird automatisch neu geladen.</p>
</div>
);
}