"use client"; import { useState, useEffect } from "react"; import Link from "next/link"; import { getTopicConfig } from "../config"; import { isPaid } from "@/app/cloudphone/lib/payment"; import { InstantQaVipModal } from "@/app/components/InstantQaVipModal"; type TopicFooterProps = { topicId: string; }; const CHAT_URL = "https://chatwoot.hackrobot.cn/livechat?user_id=hackrobot"; export function TopicFooter({ topicId }: TopicFooterProps) { const config = getTopicConfig(topicId); const [paid, setPaid] = useState(false); const [modalOpen, setModalOpen] = useState(false); useEffect(() => { setPaid(isPaid()); const onPayUpdate = () => setPaid(isPaid()); window.addEventListener("pay:updated", onPayUpdate); return () => window.removeEventListener("pay:updated", onPayUpdate); }, []); return ( ); }