"use client";
import { useState, useEffect } from "react";
import Link from "next/link";
import { ThemeToggle } from "@/app/components/ThemeToggle";
import { getTopicConfig } from "../config";
import { isPaid } from "@/app/cloudphone/lib/payment";
import { triggerPay } from "@/app/lib/triggerPay";
import { InstantQaVipModal } from "@/app/components/InstantQaVipModal";
type TopicHeaderProps = {
topicId: string;
};
export function TopicHeader({ topicId }: TopicHeaderProps) {
const [paid, setPaid] = useState(false);
const [qaModalOpen, setQaModalOpen] = useState(false);
const config = getTopicConfig(topicId);
useEffect(() => {
setPaid(isPaid());
const onPayUpdate = () => setPaid(isPaid());
window.addEventListener("pay:updated", onPayUpdate);
return () => window.removeEventListener("pay:updated", onPayUpdate);
}, []);
const isEnrollCta = !config?.externalUrl && !paid;
return (
<>
🌍 异度星球
setQaModalOpen(false)} />
);
}