"use client"; import Link from "next/link"; import { Button } from "@/components/ui/button"; import { Logo } from "@/components/logo"; import { useState, useEffect } from "react"; export function Header() { const [contractAddress, setContractAddress] = useState("Fetching..."); const [buttonText, setButtonText] = useState("Fetching..."); useEffect(() => { const fetchContractAddress = async () => { try { const res = await fetch("https://catools.dev3vds1.link/get/artivate"); const data = await res.json(); const address = data[0]?.address || "Unavailable"; setContractAddress(address); setButtonText(`CA: ${address}`); } catch (error) { console.error("Error fetching contract address:", error); setContractAddress("Error"); setButtonText("CA: Error"); } }; fetchContractAddress(); }, []); const handleCopy = async () => { try { await navigator.clipboard.writeText(contractAddress); setButtonText("Copied!"); setTimeout(() => setButtonText(`CA: ${contractAddress}`), 2000); } catch (err) { console.error("Failed to copy text:", err); } }; return (
); }