"use client" import type React from "react" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/lib/hooks/use-auth" interface ProtectedRouteProps { children: React.ReactNode adminOnly?: boolean } export function ProtectedRoute({ children, adminOnly = false }: ProtectedRouteProps) { const { user, isLoading } = useAuth() const router = useRouter() useEffect(() => { if (!isLoading) { if (!user) { router.push("/login") return } if (adminOnly && user.role !== "admin") { router.push("/dashboard") return } } }, [user, isLoading, adminOnly, router]) if (isLoading) { return (
載入中...