"use client"; import { useEffect, useState } from "react"; export default function WhatsAppButton({ productTitle }: { productTitle?: string }) { const [phone, setPhone] = useState(null); useEffect(() => { const load = async () => { try { const res = await fetch("/api/settings"); if (res.ok) { const s = await res.json(); const p = s.whatsapp_number || s.phone || null; if (p) setPhone(String(p).replace(/\D/g, "")); } } catch {} }; load(); }, []); const sendWhatsAppMessage = () => { const fallback = process.env.NEXT_PUBLIC_WHATSAPP_NUMBER || "1234567890"; const phoneNumber = (phone || fallback).toString(); const message = productTitle ? `Hello! I'm interested in this product: ${productTitle}` : "Hello! I'm interested in your products. Can you help me?"; const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`; window.open(url, "_blank"); }; return ( ); }