);
}
// ============================================================================
// POST META NOTICE
// ============================================================================
function PostMetaNotice({ notice }) {
return (
{notice.title}
{notice.body}
);
}
// ============================================================================
// MAIN
// ============================================================================
function MetaCrowdfunding() {
const [data, setData] = React.useState(null);
const [error, setError] = React.useState(null);
const [timelineExpanded, setTimelineExpanded] = React.useState(false);
React.useEffect(() => {
const tryPaths = async () => {
const paths = ['/shared/hardware-goal.json', '../shared/hardware-goal.json', 'shared/hardware-goal.json'];
for (const p of paths) {
try {
const r = await fetch(p);
if (r.ok) {
const j = await r.json();
setData(j);
return;
}
} catch (e) { /* try next */ }
}
setError('Falha ao carregar dados da meta. Tente recarregar a página.');
};
tryPaths();
}, []);
if (error) {
return (
{error}
);
}
if (!data) {
return (
CARREGANDO META
);
}
// Calcula totals
const items = data.timeline.filter(e => e.type === 'item');
const totalMin = items.reduce((s, i) => s + (i.price_min || 0), 0);
const totalMax = items.reduce((s, i) => s + (i.price_max || 0), 0);
const completedItems = items.filter((it, idx) => {
const arrayIdx = data.timeline.findIndex(e => e.id === it.id);
return arrayIdx < data.current_step_index;
}).length;
return (
{/* Header */}
META DE INFRAESTRUTURA
HARDWARE PRÓPRIO PARA 50 A 80 JOGADORES
Migração gradual do host alugado atual para uma máquina dedicada.
Compra peça por peça, da CPU ao gabinete, até a configuração base estar pronta.
Investimento estimado entre {fmtBRL(totalMin)} e {fmtBRL(totalMax)}.
{/* Comparativo com host atual */}
{/* Barra de progresso superior */}
{/* Botão expand/collapse da timeline */}
setTimelineExpanded(v => !v)}
totalItems={items.length}
totalMilestones={data.timeline.filter(e => e.type === 'milestone').length}
/>
{/* Timeline vertical (colapsada mostra só o item current) */}
{/* Build final */}
{data.final_build_summary && (
)}
{/* Sugestões de upgrades futuros (subseção discreta) */}
{data.future_upgrades && data.future_upgrades.items && data.future_upgrades.items.length > 0 && (
)}
{/* Disclaimers */}
{data.disclaimers && data.disclaimers.length > 0 && (
)}
{/* Aviso pos-meta */}
{data.post_meta_notice && (
)}