29 lines
608 B
TypeScript
29 lines
608 B
TypeScript
"use client";
|
|
import { useEffect, useState } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
|
|
export default function ProtectedRoute({ children }: any) {
|
|
const router = useRouter();
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const token = localStorage.getItem("token");
|
|
|
|
if (!token) {
|
|
router.replace("/login");
|
|
} else {
|
|
setLoading(false);
|
|
}
|
|
}, [router]);
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="w-full h-screen flex items-center justify-center">
|
|
<p>Loading...</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return <>{children}</>;
|
|
}
|