// community.jsx — Comunidad Coolcase: live counter, IG follow, shared feed, Operaria credit // exposes: CommunityView function useCountUp(target, dur = 1400) { const [n, setN] = React.useState(target); const prev = React.useRef(target); React.useEffect(() => { const from = prev.current; const to = target; if (from === to) return; let raf, start; const tick = (ts) => { if (!start) start = ts; const p = Math.min(1, (ts - start) / dur); const eased = 1 - Math.pow(1 - p, 3); setN(Math.round(from + (to - from) * eased)); if (p < 1) raf = requestAnimationFrame(tick); else prev.current = to; }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [target, dur]); return n; } function CounterBlock({ count }) { const display = useCountUp(count); return (
Carcasas personalizadas creadas
{display.toLocaleString("es-CL")}

Cada carcasa de la comunidad es única. El contador sube con cada pedido — el próximo puede ser el tuyo.

); } function PostCard({ post, index, onDelete }) { const [liked, setLiked] = React.useState(false); const likes = post.likes + (liked ? 1 : 0); const model = CC.models.find((m) => m.id === post.modelId) || CC.models[0]; const mine = post.user === "@tú"; return (
{/* header */}
{post.user[1]?.toUpperCase()}
{post.user} {model.name}{post.fromPurchase ? " · compró 🛍" : ""}
{mine ? ( ) : ( )}
{/* image — phone on gradient (story-like) */}
{/* actions */}
{likes.toLocaleString("es-CL")} me gusta

{post.user} {post.caption}

); } function CommunityView({ count, posts, onFollow, onDeletePost }) { return (
Comunidad Coolcase

Hecho por la comunidad

Compartido por ustedes

{posts.length} publicaciones
{posts.map((p, i) => (
))}
{/* footer credit */}
Diseñado por Operaria Contáctanos por WhatsApp
); } Object.assign(window, { CommunityView });