xiaoxia-saas/apps/web/src/router/ProtectedRoute.tsx

import React from "react"
import { Navigate } from "react-router-dom"
import { useAuthStore } from "@/store/authStore"

/** 受保护的路由组件 */
export const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
  const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
  const hasAccessToken = Boolean(localStorage.getItem("access_token"))

  if (!isAuthenticated || !hasAccessToken) {
    return <Navigate to="/login" replace />
  }

  return <>{children}</>
}