"use client" import { useEffect, useState } from "react" import { createClient } from "@supabase/supabase-js" const supabase = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! ) export default function App() { const [guests, setGuests] = useState([]) const [costs, setCosts] = useState([]) const [tab, setTab] = useState("dashboard") // RSVP const [rsvpMode, setRsvpMode] = useState(false) const [family, setFamily] = useState("") useEffect(() => { const params = new URLSearchParams(window.location.search) const fam = params.get("family") if (fam) { setRsvpMode(true) setFamily(fam) } load() }, []) const load = async () => { const { data: g } = await supabase.from("guests").select("*") const { data: c } = await supabase.from("wedding_costs").select("*") setGuests(g || []) setCosts(c || []) } // 📊 DASHBOARD const confirmed = guests.filter(g => g.status === "Confirmed").length const total = guests.length const totalCost = costs.reduce((a, c) => a + (c.total_cost || 0), 0) const paid = costs.reduce((a, c) => a + (c.amount_paid || 0), 0) // 📲 WHATSAPP const sendWhats = (phone: string, family: string) => { const msg = encodeURIComponent( `💍 Rafael & Vanessa\nConfirme:\n${window.location.origin}?family=${family}` ) window.open(`https://wa.me/${phone}?text=${msg}`) } // 💰 ADD COST const addCost = async () => { const name = prompt("Nome:") const total = Number(prompt("Total:")) const paid = Number(prompt("Pago:")) await supabase.from("wedding_costs").insert({ name, total_cost: total, amount_paid: paid, status: paid >= total ? "Paid" : "Partial" }) load() } // RSVP const confirmRSVP = async () => { await supabase.from("rsvp_responses").insert({ family_name: family }) await supabase .from("guests") .update({ status: "Confirmed" }) .ilike("family_name", family) alert("Confirmado!") } // CHECK-IN const checkin = async (family: string) => { await supabase .from("guests") .update({ checked_in: true }) .ilike("family_name", family) load() } // RSVP SCREEN if (rsvpMode) { return (

Confirme presença

) } return (

Wedding Manager

{/* NAV */}

{/* DASHBOARD */} {tab === "dashboard" && (

Total: {total}

Confirmados: {confirmed}

Custo total: {totalCost}

Pago: {paid}

)} {/* GUESTS */} {tab === "guests" && (

{guests.map(g => (

{g.name} ({g.family_name})

))}

)} {/* COSTS */} {tab === "costs" && (

{costs.map(c => (

{c.name} - {c.total_cost}

))}

)} {/* EVENT */} {tab === "event" && (

Check-in

{Array.from(new Set(guests.map(g => g.family_name))).map(f => (

{f}

))}

)}

) }

Vows Planner