dify/web/app/(commonLayout)/education-apply/page.tsx

'use client'

import { useEffect } from 'react'
import { FullScreenLoading } from '@/app/components/full-screen-loading'
import EducationApplyPage from '@/app/education-apply/education-apply-page'
import { useProviderContext } from '@/context/provider-context'
import { useRouter, useSearchParams } from '@/next/navigation'

export default function EducationApply() {
  const router = useRouter()
  const { enableEducationPlan, isFetchedPlanInfo, isLoadingEducationAccountInfo } =
    useProviderContext()
  const searchParams = useSearchParams()
  const token = searchParams.get('token')

  useEffect(() => {
    if (!isFetchedPlanInfo) return

    if (!enableEducationPlan || !token) router.replace('/')
  }, [enableEducationPlan, isFetchedPlanInfo, router, token])

  if (!isFetchedPlanInfo || !enableEducationPlan || !token || isLoadingEducationAccountInfo)
    return <FullScreenLoading />

  return <EducationApplyPage />
}