// ═══ GENESIS BUILD perfil-m5-peso-checkin · 2026-07-12 ═══ // Meu Perfil — layout 3 colunas (mockup): identidade+bio · progresso+conquistas · rotação+certs // Conquistas universais e ostentáveis (Steam-style) + especiais criadas pela gestão const CERT_SUGESTOES = ['HUET', 'BOSIET', 'CBSP', 'Medical Fitness (OGUK)', 'ASO', 'DP Basic', 'DP Advanced', 'DP Revalidation', 'STCW Basic Safety', 'GMDSS', 'Radar/ARPA', 'Chief Mate', 'Master', 'Passaporte', 'Seaman Book (CIR)', 'Visto']; const NIVEL_CORES = ['var(--cream-3)', '#A5713F', '#8C9BA5', 'var(--sun)']; // bloqueada · bronze · prata · ouro const certStatus = (c, lang) => { if (!c.validade) return { rotulo: lang==='pt'?'Permanente':'Unlimited', cor: 'var(--teal)', bg: 'rgba(31,87,85,0.10)' }; const dias = Math.floor((new Date(c.validade).getTime() - Date.now()) / 864e5); if (dias < 0) return { rotulo: lang==='pt'?'Vencido':'Expired', cor: 'var(--rose)', bg: 'rgba(177,78,92,0.12)', dias }; if (dias <= 60) return { rotulo: (lang==='pt'?'Vence em ':'Expires in ') + dias + 'd', cor: 'var(--sun)', bg: 'rgba(198,138,31,0.13)', dias }; return { rotulo: lang==='pt'?'Válido':'Valid', cor: 'var(--leaf)', bg: 'rgba(92,126,79,0.12)', dias }; }; const PerfilStatCard = ({num, label, cor, sub}) => (
{label}
{num == null ? '—' : num}{sub||''}
); const PerfilLinha = ({rotulo, valor}) => !valor ? null : (
{rotulo} {valor}
); // medalha automática — o selo de nível na borda const Medalha = ({c, lang}) => { const cor = NIVEL_CORES[Math.min(c.nivel, 3)]; const on = c.nivel > 0; const progresso = c.proximo ? Math.min(1, c.atual / c.proximo) : 1; const nivelNome = lang==='pt' ? ['', 'bronze', 'prata', 'ouro'][Math.min(c.nivel,3)] : ['','bronze','silver','gold'][Math.min(c.nivel,3)]; return (
{c.emoji} {on && c.nivel >= 3 && 👑}
{c.nome}
{on ? nivelNome : '🔒'}
{c.proximo != null && (
)}
{c.atual}{c.proximo?`/${c.proximo}`:' ✓'}
); }; // medalha MINI (36px) — a fileira de ostentação compacta const MedalhaMini = ({item, tipo, lang, onClick}) => { const especial = tipo === 'especial'; const cor = especial ? 'var(--teal)' : NIVEL_CORES[Math.min(item.nivel||0, 3)]; const on = especial || (item.nivel||0) > 0; return (
e.currentTarget.style.transform='scale(1.12)'} onMouseLeave={e=>e.currentTarget.style.transform='none'}> {item.imagem_url ? : (item.emoji || '🏆')}
); }; // medalha ESPECIAL — a rara, com imagem temática (Mobilização Wahoo, Docagem 2026…) const MedalhaEspecial = ({e, lang}) => { const tier = e.nivel ? [null, '#A5713F', '#8C9BA5', 'var(--sun)'][e.nivel] : null; // bronze · prata · ouro const tierNome = e.nivel ? [null, 'bronze', 'prata', 'ouro'][e.nivel] : null; return (
{e.imagem_url ? : (e.emoji || '🏆')}
{e.nome}
{tierNome ? (['','🥉 bronze','🥈 prata','🥇 ouro'][e.nivel]) : (lang==='pt'?'especial':'special')}
); }; // modal de DETALHE da medalha (Steam-style): imagem grande + nível + progresso const MedalhaDetalheModal = ({item, tipo, canManage, token, toast, lang, onClose, onSaved}) => { // tipo: 'auto' (conquista calculada) | 'especial' (atribuída) const [busy, setBusy] = React.useState(false); const imgRef = React.useRef(null); const H = () => ({'Authorization':`Bearer ${token()}`}); const cor = tipo === 'especial' ? 'var(--teal)' : NIVEL_CORES[Math.min(item.nivel||0, 3)]; const on = tipo === 'especial' || (item.nivel||0) > 0; const nivelNome = tipo === 'especial' ? (lang==='pt'?'especial':'special') : (on ? (lang==='pt'?['','bronze','prata','ouro']:['','bronze','silver','gold'])[Math.min(item.nivel,3)] : (lang==='pt'?'bloqueada':'locked')); const trocarImagem = async (file) => { if (!file) return; setBusy(true); try { const comp = await _pfComprimirFoto(file, 512, 0.8); const fd = new FormData(); fd.append('photo', comp, 'conquista.jpg'); const r = await fetch('/api/upload/photo', { method:'POST', headers:H(), body: fd }); const d = await r.json(); if (r.ok && d.url) { if (tipo === 'especial') await fetch(`/api/users/conquistas-custom/${item.id}`, { method:'PUT', headers:{...H(),'Content-Type':'application/json'}, body: JSON.stringify({ nome: item.nome, descricao: item.descricao, emoji: item.emoji, imagem_url: d.url }) }); else await fetch(`/api/users/conquistas-imagem/${item.id}`, { method:'PUT', headers:{...H(),'Content-Type':'application/json'}, body: JSON.stringify({ imagem_url: d.url }) }); toast.push({icon:'check', title: lang==='pt'?'Imagem temática aplicada 🎨':'Image set 🎨'}); onSaved && onSaved(); } } catch(e){} setBusy(false); }; return (
e.stopPropagation()} style={{width:'100%',maxWidth:340,background:'var(--cream)',borderRadius:22,padding:'28px 26px',textAlign:'center'}}>
{item.imagem_url ? : (item.emoji || '🏆')} {on && tipo !== 'especial' && item.nivel >= 3 && 👑}
{item.nome}
{nivelNome}{tipo!=='especial' && on && item.nivel < 3 ? ` · ${lang==='pt'?'nível':'level'} ${item.nivel}/3` : ''}
{(item.desc || item.descricao) &&
{item.desc || item.descricao}
} {tipo === 'auto' && (
{item.atual}{item.proximo != null ? ` / ${item.proximo}` : ' ✓'}
{item.proximo != null && (
)}
{lang==='pt'?'marcos':'milestones'}: {(item.marcos||[]).join(' · ')}
)} {tipo === 'especial' && item.quando && (
🗓 {lang==='pt'?'recebida em':'awarded'} {new Date(item.quando).toLocaleDateString(lang==='pt'?'pt-BR':'en-GB')}
)}
{canManage && ( <> { const fs = Array.from(e.target.files||[]); e.target.value=''; if (fs[0]) trocarImagem(fs[0]); }}/> )}
); }; // galeria completa: todas as conquistas, desbloqueadas e bloqueadas const GaleriaConquistasModal = ({jogo, lang, onAbrir, onClose}) => { const desbloq = jogo.conquistas.filter(c=>c.nivel>0).length + (jogo.especiais||[]).length; const total = jogo.conquistas.length + (jogo.especiais||[]).length; return (
e.stopPropagation()} style={{width:'100%',maxWidth:620,background:'var(--cream)',borderRadius:22,padding:'24px 26px'}}>
🏅 {lang==='pt'?'Todas as conquistas':'All achievements'}
{desbloq}/{total}
{lang==='pt'?'toque numa medalha pra ver os detalhes e o progresso.':'tap a medal for details.'}
{(jogo.especiais||[]).length > 0 && (
✦ {lang==='pt'?'especiais':'special'}
{jogo.especiais.map(e =>
onAbrir({item:e, tipo:'especial'})} style={{cursor:'pointer'}}>
)}
)}
{jogo.conquistas.map(c =>
onAbrir({item:c, tipo:'auto'})} style={{cursor:'pointer'}}>
)}
); }; // compressão local (mesma receita dos outros módulos) function _pfComprimirFoto(file, maxW = 1024, quality = 0.75) { return new Promise((resolve) => { if (!file || !file.type || !file.type.startsWith('image/')) { resolve(file); return; } const img = new Image(); const url = URL.createObjectURL(file); img.onload = () => { URL.revokeObjectURL(url); let { width, height } = img; if (width > maxW) { height = Math.round(height * maxW / width); width = maxW; } const canvas = document.createElement('canvas'); canvas.width = width; canvas.height = height; canvas.getContext('2d').drawImage(img, 0, 0, width, height); canvas.toBlob(b => resolve(b ? new File([b], 'foto.jpg', { type: 'image/jpeg' }) : file), 'image/jpeg', quality); }; img.onerror = () => { URL.revokeObjectURL(url); resolve(file); }; img.src = url; }); } const CertModal = ({cert, pessoas, userIdFixo, token, toast, lang, onClose, onSaved}) => { const [userId, setUserId] = React.useState(cert ? cert.user_id : (userIdFixo || (pessoas[0] && pessoas[0].id) || '')); const [tipo, setTipo] = React.useState(cert ? cert.tipo : ''); const [emissao, setEmissao] = React.useState(cert && cert.emissao ? String(cert.emissao).slice(0,10) : ''); const [validade, setValidade] = React.useState(cert && cert.validade ? String(cert.validade).slice(0,10) : ''); const [obs, setObs] = React.useState(cert ? (cert.obs || '') : ''); const [salvando, setSalvando] = React.useState(false); const H = () => ({'Authorization':`Bearer ${token()}`, 'Content-Type':'application/json'}); const salvar = async () => { if (!tipo.trim()) { toast.push({icon:'lock', title: lang==='pt'?'Informe o tipo':'Type required'}); return; } setSalvando(true); try { const body = { user_id: userId, tipo: tipo.trim(), emissao: emissao || null, validade: validade || null, obs }; const r = cert ? await fetch(`/api/users/certs/${cert.id}`, { method:'PUT', headers:H(), body: JSON.stringify(body) }) : await fetch('/api/users/certs', { method:'POST', headers:H(), body: JSON.stringify(body) }); if (r.ok) { toast.push({icon:'check', title: lang==='pt'?'Certificado salvo 📜':'Saved 📜'}); onSaved(); onClose(); } else { const d = await r.json(); toast.push({icon:'x', title: d.error || 'Erro'}); } } catch(e) { toast.push({icon:'x', title:'Erro de rede'}); } setSalvando(false); }; return (
e.stopPropagation()} style={{width:'100%',maxWidth:440,background:'var(--cream)',borderRadius:20,padding:'22px 24px'}}>
📜 {cert ? (lang==='pt'?'Editar certificado':'Edit certificate') : (lang==='pt'?'Novo certificado':'New certificate')}
{!userIdFixo && pessoas.length > 0 && (
{lang==='pt'?'Pessoa':'Person'}
)}
{lang==='pt'?'Tipo':'Type'}
setTipo(e.target.value)} placeholder="HUET, BOSIET, Medical…" style={{width:'100%',boxSizing:'border-box'}}/> {CERT_SUGESTOES.map(t =>
{lang==='pt'?'Emissão':'Issued'}
setEmissao(e.target.value)} style={{width:'100%',boxSizing:'border-box'}}/>
{lang==='pt'?'Validade (vazio = permanente)':'Expiry (blank = unlimited)'}
setValidade(e.target.value)} style={{width:'100%',boxSizing:'border-box'}}/>
{lang==='pt'?'Observações':'Notes'}
setObs(e.target.value)} style={{width:'100%',boxSizing:'border-box'}}/>
); }; // modal admin: criar/editar conquista especial (com imagem temática) // ─── 📸 Check-in da academia com foto (o professor valida) ─── const CheckinFotoModal = ({ lang, toast, onClose, onEnviado }) => { const H = () => ({ 'Authorization': `Bearer ${localStorage.getItem('genesis_token')}` }); const [preview, setPreview] = React.useState(null); const [arquivo, setArquivo] = React.useState(null); const [peso, setPeso] = React.useState(''); const [enviando, setEnviando] = React.useState(false); const escolher = (e) => { const f = e.target.files[0]; if (!f) return; setArquivo(f); const r = new FileReader(); r.onload = ev => setPreview(ev.target.result); r.readAsDataURL(f); e.target.value = ''; }; const enviar = async () => { if (!arquivo || enviando) return; setEnviando(true); try { const fd = new FormData(); fd.append('photo', arquivo); const up = await fetch('/api/upload/photo', { method: 'POST', headers: H(), body: fd }); const ju = await up.json().catch(() => ({})); if (!up.ok || !ju.url) { toast.push({ icon: 'x', title: ju.error || 'Erro no upload da foto' }); setEnviando(false); return; } const r = await fetch('/api/users/gym-checkin/solicitar', { method: 'POST', headers: { ...H(), 'Content-Type': 'application/json' }, body: JSON.stringify({ foto_url: ju.url }) }); const j = await r.json().catch(() => ({})); // peso da balança da academia (opcional) → check-in diário de saúde const pesoNum = parseFloat(String(peso).replace(',', '.')); if (r.ok && !isNaN(pesoNum) && pesoNum > 20 && pesoNum < 300) { fetch('/api/saude/checkin', { method: 'PUT', headers: { ...H(), 'Content-Type': 'application/json' }, body: JSON.stringify({ peso: pesoNum }) }).catch(() => {}); } if (r.ok) { toast.push({ icon: 'check', title: '📸 Check-in enviado!', body: lang === 'pt' ? 'Agora é com o professor.' : 'Coach will validate it.' }); onEnviado(); onClose(); } else toast.push({ icon: 'x', title: j.error || 'Erro ao enviar' }); } catch (e) { toast.push({ icon: 'x', title: 'Erro de conexão' }); } setEnviando(false); }; return (
e.stopPropagation()} style={{ width: '100%', maxWidth: 400, background: 'var(--cream)', borderRadius: 18, border: '1px solid var(--line-soft)', borderTop: '3px solid var(--leaf)', padding: '18px 20px', boxShadow: 'var(--shadow-lg)' }}>
📸 {lang === 'pt' ? 'Check-in da academia' : 'Gym check-in'}
{lang === 'pt' ? 'Tira uma foto AÍ DA ACADEMIA — tu no espelho, no equipamento, do jeito que quiser. O professor valida e o treino conta.' : 'Snap a photo at the gym — the coach validates it and your workout counts.'}
{preview ? : null}
setPeso(e.target.value)} />
); }; const Perfil = ({state, setState, setPage}) => { const { lang } = useT(); const toast = useToast(); const isMobile = useMobile(); const token = () => localStorage.getItem('genesis_token'); const me = state.currentUser || {}; const canManage = me.role === 'admin' || me.is_staff === true; const [stats, setStats] = React.useState(null); const [jogo, setJogo] = React.useState(null); const [certs, setCerts] = React.useState([]); const [radar, setRadar] = React.useState([]); const [pessoas, setPessoas] = React.useState([]); const [certModal, setCertModal] = React.useState(null); const [editPerfil, setEditPerfil] = React.useState(false); const [detalhe, setDetalhe] = React.useState(null); // {item, tipo} const [galeria, setGaleria] = React.useState(false); const [gymStatus, setGymStatus] = React.useState(null); // null · validado · pendente · recusado (+motivo) const [checkinModal, setCheckinModal] = React.useState(false); const carregarGymStatus = () => fetch('/api/users/gym-checkin/meu-status', {headers:{'Authorization':`Bearer ${localStorage.getItem('genesis_token')}`}}) .then(r=>r.ok?r.json():null).then(d=>setGymStatus(d)).catch(()=>{}); React.useEffect(() => { carregarGymStatus(); }, [me.id]); const H = () => ({'Authorization':`Bearer ${token()}`}); const carregar = () => { if (!me.id) return; fetch(`/api/users/perfil-stats/${me.id}`, {headers:H()}).then(r=>r.ok?r.json():null).then(d=>d&&setStats(d)).catch(()=>{}); fetch(`/api/users/conquistas/${me.id}`, {headers:H()}).then(r=>r.ok?r.json():null).then(d=>d&&setJogo(d)).catch(()=>{}); fetch(`/api/users/certs/${me.id}`, {headers:H()}).then(r=>r.ok?r.json():[]).then(d=>setCerts(Array.isArray(d)?d:[])).catch(()=>{}); if (canManage) { fetch('/api/users/certs-painel', {headers:H()}).then(r=>r.ok?r.json():[]).then(d=>setRadar(Array.isArray(d)?d:[])).catch(()=>{}); fetch('/api/users', {headers:H()}).then(r=>r.ok?r.json():[]).then(d=>setPessoas((Array.isArray(d)?d:[]).filter(p=>p.nome).sort((a,b)=>a.nome.localeCompare(b.nome)))).catch(()=>{}); } }; React.useEffect(carregar, [me.id]); // dados frescos do próprio perfil (bio pode não estar no currentUser do login antigo) const [meuPerfil, setMeuPerfil] = React.useState(me); React.useEffect(() => { if (!me.id) return; fetch(`/api/users/${me.id}`, {headers:H()}).then(r=>r.ok?r.json():null).then(d=>d&&setMeuPerfil({...me, ...d})).catch(()=>{}); }, [me.id, editPerfil]); const aBordo = stats && stats.manifesto && stats.manifesto.status === 'a_bordo'; const embarque = aBordo && stats.manifesto.embarque ? new Date(stats.manifesto.embarque) : null; const REGIME = 28; const diasRot = stats ? stats.dias_a_bordo : null; const previstoDesembarque = embarque ? new Date(embarque.getTime() + REGIME * 864e5) : null; const diasRestantes = (diasRot != null) ? Math.max(0, REGIME - diasRot) : null; const progresso = (diasRot != null) ? Math.min(1, diasRot / REGIME) : 0; const fmtData = (d) => d ? d.toLocaleDateString(lang==='pt'?'pt-BR':'en-GB', {day:'2-digit', month:'short', year:'numeric'}) : '—'; const byId = jogo ? Object.fromEntries(jogo.conquistas.map(c=>[c.id,c])) : {}; const cardBase = {background:'var(--surface)',border:'1px solid var(--line-soft)',borderRadius:18,padding:'18px 20px',boxShadow:'var(--shadow-sm)'}; return (
{/* cabeçalho */}
{lang==='pt'?'meu perfil':'my profile'}

{lang==='pt'?<>Seu perfil.:<>Your profile.}

{lang==='pt'?'Seu espaço. Mantenha seus dados em dia e acompanhe sua jornada a bordo.':'Your space. Keep your info up to date and track your journey aboard.'}
{/* ═══ ESQUERDA: identidade + sobre mim ═══ */}
{meuPerfil.foto_url ? :
{meuPerfil.initials || (meuPerfil.nome||'?').split(' ').map(p=>p[0]).slice(0,2).join('').toUpperCase()}
}
{meuPerfil.nome || '—'}
{meuPerfil.funcao &&
{meuPerfil.funcao}
}
{meuPerfil.genesis_id || ''}
{stats && ( {aBordo ? (lang==='pt'?'A bordo':'On board') : (lang==='pt'?'Em casa':'Off board')} )} ✉️ E-mail} valor={meuPerfil.email}/> 📞 {lang==='pt'?'Telefone / Satphone':'Phone / Satphone'}} valor={meuPerfil.telefone}/> 🌐 {lang==='pt'?'Nacionalidade':'Nationality'}} valor={meuPerfil.nacionalidade}/> 🎂 {lang==='pt'?'Nascimento':'Date of birth'}} valor={meuPerfil.data_nascimento ? fmtData(new Date(meuPerfil.data_nascimento)) : null}/> ⚓ {lang==='pt'?'No Genesis desde':'Join date'}} valor={meuPerfil.created_at ? fmtData(new Date(meuPerfil.created_at)) : null}/> 🧭 {lang==='pt'?'Rotação atual':'Current rotation'}} valor={aBordo && diasRot != null ? `${diasRot} / ${REGIME}` : null}/> {/* fileira de ostentação: as medalhas mini */} {jogo && (
🏅 {lang==='pt'?'conquistas':'achievements'}
{(jogo.especiais||[]).map(e => setDetalhe({item:e, tipo:'especial'})}/>)} {jogo.conquistas.filter(c=>c.nivel>0).map(c => setDetalhe({item:c, tipo:'auto'})}/>)} {jogo.conquistas.filter(c=>c.nivel>0).length === 0 && (jogo.especiais||[]).length === 0 && ( {lang==='pt'?'nenhuma ainda — bora desbloquear!':'none yet!'} )}
)}
{lang==='pt'?'Sobre mim':'About me'}
{meuPerfil.bio ?
{meuPerfil.bio}
:
{lang==='pt'?'conte um pouco de você — vale a conquista 🪪!':'tell us about you — unlocks 🪪!'}
} {(meuPerfil.end_logradouro || meuPerfil.end_cidade) &&
📍 {[meuPerfil.end_logradouro, meuPerfil.end_numero, meuPerfil.end_complemento, meuPerfil.end_cidade, meuPerfil.end_estado].filter(Boolean).join(', ')}
}
{/* ═══ MEIO: progresso + conquistas ═══ */}
{lang==='pt'?'Meu progresso':'My progress'}
{lang==='pt'?'sua atividade e evolução num relance — tudo dado real.':'your activity at a glance.'}
{gymStatus && gymStatus.hoje === 'validado' ? ( ✓ {lang==='pt'?'treino de hoje validado!':'today validated!'} ) : gymStatus && gymStatus.hoje === 'pendente' ? ( ⏳ {lang==='pt'?'check-in aguardando o professor':'awaiting coach'} ) : ( {gymStatus && gymStatus.hoje === 'recusado' ? ✗ {lang==='pt'?'recusado':'declined'}{gymStatus.motivo?`: ${gymStatus.motivo}`:''} — {lang==='pt'?'tenta de novo':'try again'} : null} )} {jogo && ( ⭐ {lang==='pt'?'pontos':'points'} {jogo.pontos.toLocaleString(lang==='pt'?'pt-BR':'en-GB')} )}
setGaleria(true)} style={{...cardBase, borderTop:'3px solid var(--sun)', cursor:'pointer'}} onMouseEnter={e=>e.currentTarget.style.boxShadow='var(--shadow-lg)'} onMouseLeave={e=>e.currentTarget.style.boxShadow='var(--shadow-sm)'}>
🏅 {lang==='pt'?'Conquistas':'Achievements'}
{jogo && {jogo.conquistas.filter(c=>c.nivel>0).length + (jogo.especiais||[]).length}/{jogo.conquistas.length + (jogo.especiais||[]).length}}
{lang==='pt'?'toque pra ver a galeria completa — desbloqueadas e por desbloquear.':'tap for the full gallery.'}
{jogo ? ( <> {(jogo.especiais||[]).slice(0,3).map(e => setDetalhe({item:e, tipo:'especial'})}/>)} {jogo.conquistas.map(c => setDetalhe({item:c, tipo:'auto'})}/>)} ) : carregando…}
{/* ═══ DIREITA: rotação + certificações + radar ═══ */}
🗓 {lang==='pt'?'Rotação atual':'Current rotation'}
{aBordo && embarque ? ( <>
{lang==='pt'?'Embarque':'Embark'}
{fmtData(embarque)}
{lang==='pt'?'Desemb. previsto':'Disembark'}
{fmtData(previstoDesembarque)}
{diasRot}/{REGIME} {lang==='pt'?'dias':'days'} {diasRestantes === 0 ? (lang==='pt'?'troca! 🎉':'crew change! 🎉') : `${diasRestantes} ${lang==='pt'?'dias pra lancha':'days to go'}`}
) : (
{stats ? (lang==='pt'?'Em casa — bom descanso! 🏠':'Off board — enjoy! 🏠') : (lang==='pt'?'carregando…':'loading…')}
)}
📜 {lang==='pt'?'Certificações':'Certifications'}
{canManage && }
{certs.length === 0 ? (
{lang==='pt'?'nenhum cadastrado.':'none yet.'}
) : (
{certs.map(c => { const st = certStatus(c, lang); return (
{c.tipo}
{c.validade ? new Date(c.validade).toLocaleDateString(lang==='pt'?'pt-BR':'en-GB') : (lang==='pt'?'sem vencimento':'no expiry')}
{st.rotulo} {canManage && ( )}
); })}
)}
{canManage && (
🛟 {lang==='pt'?'Radar da tripulação':'Crew radar'}
{lang==='pt'?'certs vencendo em 90d — avisos automáticos 60/30/7.':'expiring within 90 days.'}
{radar.length === 0 ? (
✓ {lang==='pt'?'tudo em dia na frota!':'all clear!'}
) : (
{radar.map(c => { const st = certStatus(c, lang); return (
{c.nome || `#${c.user_id}`} — {c.tipo}
{st.rotulo}
); })}
)}
)}
{editPerfil && setEditPerfil(false)} onSaved={()=>{ setEditPerfil(false); carregar(); }} onDelete={()=>{}}/>} {checkinModal && setCheckinModal(false)} onEnviado={carregarGymStatus}/>} {detalhe && setDetalhe(null)} onSaved={()=>{ setDetalhe(null); carregar(); }}/>} {galeria && jogo && { setGaleria(false); setDetalhe(d); }} onClose={()=>setGaleria(false)}/>} {certModal && setCertModal(null)} onSaved={carregar}/>}
); };