35 lines
770 B
TypeScript
35 lines
770 B
TypeScript
"use client"
|
|
|
|
import { useState, useEffect } from "react"
|
|
import { useRouter } from "next/navigation"
|
|
import { isAuthenticated } from "@/lib/auth"
|
|
|
|
export function AuthGate({ children }: { children: React.ReactNode }) {
|
|
const [checked, setChecked] = useState(false)
|
|
const [authed, setAuthed] = useState(false)
|
|
const router = useRouter()
|
|
|
|
useEffect(() => {
|
|
if (isAuthenticated()) {
|
|
setAuthed(true)
|
|
} else {
|
|
router.replace("/login")
|
|
}
|
|
setChecked(true)
|
|
}, [router])
|
|
|
|
if (!checked) {
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center">
|
|
<div className="animate-pulse text-muted-foreground">Loading...</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
if (!authed) {
|
|
return null
|
|
}
|
|
|
|
return <>{children}</>
|
|
}
|