Function InvitationPage

web/src/app/invites/[token]/page.tsx:27–252

()

}

export default function InvitationPage() {
  const params = useParams<{ token: string }>()
  const token = params?.token ?? ''
  const { data: session, status } = useSession()
  const router = useRouter()
  const [invitation, setInvitation] = useState<InvitationData | null>(null)
  const [loading, setLoading] = useState(true)
  const [accepting, setAccepting] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState(false)

  useEffect(() => {
    fetchInvitation()
  }, [token])

  const fetchInvitation = async () => {
    try {
      const response = await fetch(`/api/invites/${token}`)
      const data = await response.json()

      if (!response.ok) {
        setError(data.error || 'Failed to load invitation')
        return
      }

      setInvitation(data.invitation)
    } catch (error) {
      setError('Failed to load invitation')
    } finally {
      setLoading(false)
    }
  }

  const acceptInvitation = async () => {
    if (!session) {
      router.push(
        `/login?callbackUrl=${encodeURIComponent(window.location.href)}`,
      )
      return
    }

    setAccepting(true)
    setError(null)

    try {
      const response = await fetch(`/api/invites/${token}`, {
        method: 'POST',
      })
      const data = await response.json()

      if (!response.ok) {
        setError(data.error || 'Failed to accept invitation')
        return
      }

      setSuccess(true)
      setTimeout(() => {
        router.push(`/orgs/${data.organization.slug}`)