'use client'; import { useEffect, useState } from 'react'; import { useParams, useRouter } from 'next/navigation'; import { api, ApiError } from '@/lib/api'; import { Card, CardContent } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; interface ShareData { message: string; waUrl: string; deepLink: string } export default function SharePage() { const { id } = useParams<{ id: string }>(); const router = useRouter(); const [data, setData] = useState(null); const [loading, setLoading] = useState(true); const [copied, setCopied] = useState(false); const [error, setError] = useState(''); useEffect(() => { api.get(`/api/vihars/${id}/whatsapp-message`) .then(setData) .catch((e) => setError(e instanceof ApiError ? e.message : 'Failed to load message')) .finally(() => setLoading(false)); }, [id]); async function handleCopy() { if (!data) return; await navigator.clipboard.writeText(data.message); setCopied(true); setTimeout(() => setCopied(false), 2000); } async function handleShare() { if (!data || !navigator.share) return; await navigator.share({ text: data.message }).catch(() => {}); } if (loading) return

Loading…

; if (error) return

{error}

; if (!data) return null; return (

Share Vihar

{/* Message preview */}

Message preview

{data.message}

WhatsApp will open. Pick the group or contact to share with.

{/* Primary action */} Share on WhatsApp {/* Secondary actions */}

{typeof navigator !== 'undefined' && navigator.share && ( )}

); }