{/* Carrossel cross-fade quando não há foto custom · wrapper c/ opacity p/ fotos ficarem mais sutis */}
{!heroFoto && (
{
if (id === 'beneficios') setModalBeneficios(true);
else if (id === 'liberacao_ufmg_cit') setModalLiberacao(true);
else if (id === 'reserva_auditorio') setModalReserva(true);
else if (id === 'email_celular') setModalEmailCel(true);
else setModalLinkGC(true);
}} user={user} />
{/* Próximos Eventos · coluna direita */}
{/* ── Jornal em destaque + Álbum Escalab ── */}
{['assets/equipe-2.jpg','assets/equipe-4.jpg','assets/equipe-6.jpg','assets/equipe-8.jpg','assets/equipe-9.jpg'].map((src, i, arr) => {
const ciclo = arr.length * 5;
return (
{/* botão upload (admin) */}
{isAdmin && (
)}
{/* botão remover foto */}
{isAdmin && heroFoto && (
)}
{/* ── Acesso Rápido + Próximos Eventos (lado a lado) ── */}
{ e.target.style.display = 'none'; }} />
);
})}
)}
{/* overlay para legibilidade · mais leve, deixando as fotos respirar */}
{/* círculos decorativos sutis (sempre) */}
{/* conteúdo */}
{dataExtenso}
{saudacao}, {primeiroNome} 👋
Aqui você encontra tudo reunido em um lugar só! Eventos, jornais, aniversários e links importantes do GC.
{[
{ label:'Colaboradores', val:COLABORADORES.length },
{ label:'Aniversários', val:aniversariantesAgora.length },
{ label:'Eventos', val:proximosDatas.length },
].map(s => (
))}
{s.val}
{s.label}
{proximosDatas.length === 0 ? (
);
})}
Nenhum evento próximo
) : proximosDatas.map((d, i) => {
const dt = new Date(d.data + 'T00:00:00');
const cfg = tipoConfig[d.tipo] || tipoConfig.evento;
return (
{String(dt.getDate()).padStart(2,'0')}
{meses[dt.getMonth()]}
{d.titulo}
{d.local}
{/* Jornal de capa */}
setModalLinkGC(false)} user={user} />}
{modalBeneficios && setModalBeneficios(false)} />}
{modalLiberacao && setModalLiberacao(false)} />}
{modalReserva && setModalReserva(false)} />}
{modalEmailCel && setModalEmailCel(false)} />}
);
};
// ── Seção: Escala + Calendário ────────────────────────────────────────────────
// Escala Presencial 2026.1 - recorrente Seg-Sex, por local (CIT/UFMG) x periodo (manha 09-12 / tarde 13-17)
// Fonte: Documentos Treinamento/Intranet/Escala Presencial.xlsx (aba "ESCALA 2026.1")
const DIAS_SEMANA = ['Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta'];
const ESCALA_2026 = {
CIT: {
Segunda: {
manha: [{ nome:'Carol', setor:'P&D' }, { nome:'Clara', setor:'GC' }],
tarde: [{ nome:'Carol', setor:'P&D' }, { nome:'Clara', setor:'GC' }, { nome:'Hiago', setor:'Marketing' }, { nome:'Pedro', setor:'Escalonamento' }],
},
Terça: {
manha: [{ nome:'Yasmim', setor:'PMO' }, { nome:'Rafaela', setor:'NNE & EVT' }],
tarde: [{ nome:'Yasmim', setor:'PMO' }, { nome:'Rafaela', setor:'NNE & EVT' }, { nome:'Hiago', setor:'Marketing' }, { nome:'Pedro', setor:'Escalonamento' }],
},
Quarta: {
manha: [{ nome:'Jorge', setor:'Marketing' }, { nome:'Rafaela', setor:'NNE & EVT' }, { nome:'Gustavo', setor:'Editais' }],
tarde: [{ nome:'Jorge', setor:'Marketing' }, { nome:'Rafaela', setor:'NNE & EVT' }, { nome:'Gustavo', setor:'Editais' }],
},
Quinta: {
manha: [{ nome:'Yasmim', setor:'PMO' }, { nome:'Gustavo', setor:'Editais' }],
tarde: [{ nome:'Yasmim', setor:'PMO' }, { nome:'Gustavo', setor:'Editais' }, { nome:'Bruno', setor:'Financeiro' }, { nome:'Pedro', setor:'Escalonamento' }],
},
Sexta: {
manha: [{ nome:'Leonardo', setor:'Fechamento' }, { nome:'Letícia', setor:'Financeiro' }, { nome:'Pedro', setor:'Escalonamento' }],
tarde: [{ nome:'Bruno', setor:'Financeiro' }, { nome:'Letícia', setor:'Financeiro' }, { nome:'Pedro', setor:'Escalonamento' }],
},
},
UFMG: {
Segunda: {
manha: [{ nome:'Júlia Braga', setor:'P&D' }, { nome:'Juliana', setor:'P&D' }],
tarde: [{ nome:'Júlia Braga', setor:'P&D' }, { nome:'Juliana', setor:'P&D' }],
},
Terça: {
manha: [{ nome:'Juliana', setor:'P&D' }],
tarde: [{ nome:'Júlia Braga', setor:'P&D' }, { nome:'Juliana', setor:'P&D' }],
},
Quarta: {
manha: [{ nome:'Leonardo', setor:'Fechamento' }, { nome:'Carol', setor:'P&D' }],
tarde: [{ nome:'Carol', setor:'P&D' }, { nome:'Juliana', setor:'P&D' }],
},
Quinta: {
manha: [{ nome:'Júlia Braga', setor:'P&D' }, { nome:'Letícia', setor:'Financeiro' }, { nome:'Juliana', setor:'P&D' }],
tarde: [{ nome:'Júlia Braga', setor:'P&D' }, { nome:'Letícia', setor:'Financeiro' }, { nome:'Juliana', setor:'P&D' }],
},
Sexta: {
manha: [{ nome:'Jorge', setor:'Marketing' }, { nome:'Clara', setor:'GC' }],
tarde: [{ nome:'Jorge', setor:'Marketing' }, { nome:'Clara', setor:'GC' }],
},
},
};
// Brigadistas designados por local (sempre os mesmos durante a semana)
const BRIGADISTAS_LOCAL = {
CIT: [{ nome:'Breno', setor:'P&D' }, { nome:'Carol', setor:'ESG' }, { nome:'Davyston', setor:'VB' }],
UFMG: [{ nome:'Júlia', setor:'P&D' }],
};
const SecaoEscala = () => {
const [localSel, setLocalSel] = useState('ambos'); // ambos | UFMG | CIT
const COR_UFMG = '#1F4A8A';
const COR_CIT = '#6B3FA0';
// Indice do dia "hoje" (Seg=0, Ter=1, ..., Sex=4). Sabado/Domingo destacam Segunda.
const hojeIdx = (() => { const d = new Date().getDay(); return d >= 1 && d <= 5 ? d - 1 : 0; })();
const CalendarioLocal = ({ localKey, label, cor, bg, brigadistas }) => (
{/* Foto de capa */}
{/* ── Aniversariantes ── */}
{/* Placeholder padrão */}
{/* Overlay escuro na base */}
{/* Upload foto de capa (admin only) */}
{isAdmin && (
)}
{/* Título do jornal sobre a capa */}
{/* Corpo do jornal */}
📰
📰 Jornal Interno · Última Edição
{jornalMaisRecente?.titulo}
{jornalMaisRecente?.data.split('-').reverse().join('/')}
{(() => {
const j = jornalMaisRecente;
if (!j) return null;
const leituras = (() => { try { const d = JSON.parse(localStorage.getItem('escalab_jornal_reads_v2') || '{}'); return d[j.id] || {}; } catch { return {}; } })();
const totalLeram = Object.keys(leituras).length + (j.leram?.length || 0);
const pct = Math.round(totalLeram / COLABORADORES.length * 100);
const jaLeu = leuAgora[j.id] || !!leituras[user?.id] || (j.leram || []).includes(user?.id);
return (
<>
{isAdmin ? (
) : (
{/* Álbum Escalab */}
=80?'#00967B':pct>=50?'#E89B3B':'#B3261E', borderRadius:999 }} />
=80?'#00836B':'#E89B3B' }}>{pct}% leram
{totalLeram} de {COLABORADORES.length} colaboradores
Confira a última edição do jornal interno
)}
{j.url ? (
{ registrarLeitura(j.id, user?.id); setLeuAgora(l => ({ ...l, [j.id]:true })); }}
style={{ border:`1px solid ${jaLeu?'var(--escalab-brand-soft)':'var(--escalab-line)'}`, background:jaLeu?'var(--escalab-brand-tint)':'var(--escalab-brand)', borderRadius:10, padding:'9px 18px', cursor:'pointer', fontSize:13, color:jaLeu?'var(--escalab-brand)':'#fff', fontFamily:'var(--font-sans)', fontWeight:700, whiteSpace:'nowrap', transition:'all .15s', flexShrink:0, textDecoration:'none', display:'inline-flex', alignItems:'center', gap:4 }}>
{jaLeu ? '✓ Lido' : 'Ler agora →'}
) : (
)}
);
})()}
📸 Álbum Escalab
{FOTOS_MOCK.slice(0,6).map((f, i) => (
{ e.currentTarget.style.transform='scale(1.04)'; e.currentTarget.style.boxShadow=`0 6px 20px ${f.cor}45`; }}
onMouseLeave={e => { e.currentTarget.style.transform='none'; e.currentTarget.style.boxShadow=`0 2px 8px ${f.cor}25`; }}>
))}
{f.emoji}
{f.evento}
{/* Aniversariantes */}
{modalLinkGC && Aniversariantes · {mesNome}
{aniversariantesAgora.length === 0 ? (
))
)}
🎂 Nenhum aniversariante este mês
) : (
aniversariantesAgora.map((a, i) => (
{a.iniciais}
{a.nome}
{a.setor}
{String(a.dia).padStart(2,'0')}
{String(a.mes).padStart(2,'0')}
{/* Header do local */}
);
return (
{label}
Escala recorrente 2026.1 · Manhã 09–12 · Tarde 13–17
{DIAS_SEMANA.map((dia, di) => {
const dados = ESCALA_2026[localKey]?.[dia] || { manha:[], tarde:[] };
const isHoje = di === hojeIdx;
return (
{/* Manha */}
{/* Tarde */}
);
})}
{dia}
{isHoje && hoje
}
Manhã · 09–12
{dados.manha.length === 0 ? (
—
) : (
{dados.manha.map((p, pi) => (
))}
)}
{p.nome}
{p.setor}
Tarde · 13–17
{dados.tarde.length === 0 ? (
—
) : (
{dados.tarde.map((p, pi) => (
))}
)}
{p.nome}
{p.setor}
{/* Controles: titulo + filtro de local */}
{/* Seletor UFMG / CIT / Ambos */}
{/* Calendários */}
{(localSel === 'ambos' || localSel === 'CIT') && (
);
};
// ── Seção: Arquivos + E-mails ─────────────────────────────────────────────────
const SecaoArquivos = ({ user }) => {
const [pastaAberta, setPastaAberta] = useState(null);
const [copiado, setCopiado] = useState('');
const [buscaEmail, setBuscaEmail] = useState('');
const [setores, setSetores] = useState(() => getSetoresArquivos());
const [editandoSetor, setEditandoSetor] = useState(null);
const isAdmin = user?.perfil === 'admin';
function atualizarUrl(nome, url) {
const novos = setores.map(s => s.nome === nome ? { ...s, url } : s);
setSetores(novos);
salvarSetoresArquivos(novos);
}
// Detecta e-mail institucional pelo dominio (@escalab.com.br). Tudo mais e tratado como pessoal.
const isEmailEscalab = (e) => !!e && /@escalab\.com\.br$/i.test(e.trim());
function copiarEmails(tipo) {
const ativos = (typeof getColaboradoresAtivos === 'function') ? getColaboradoresAtivos() : COLABORADORES;
const lista = [];
ativos.forEach(c => {
const dadosAdm = (typeof getDadosAssinatura === 'function') ? getDadosAssinatura(c.id) : {};
const emailPesAdm = dadosAdm?.emailPessoal || '';
const cEmail = c.email || '';
const isProf = isEmailEscalab(cEmail);
const profissional = isProf ? cEmail : '';
const pessoal = isProf ? emailPesAdm : (cEmail || emailPesAdm);
if (tipo === 'profissionais' && profissional) lista.push(profissional);
else if (tipo === 'pessoais' && pessoal) lista.push(pessoal);
else if (tipo === 'todos') {
if (profissional) lista.push(profissional);
if (pessoal && pessoal !== profissional) lista.push(pessoal);
}
});
navigator.clipboard?.writeText(lista.join(', ')).catch(() => {});
setCopiado(tipo);
setTimeout(() => setCopiado(''), 2500);
}
// Desligados saem automaticamente da listagem de e-mails da intranet
const colaboradoresAtivos = (typeof getColaboradoresAtivos === 'function') ? getColaboradoresAtivos() : COLABORADORES;
const emailsFiltrados = colaboradoresAtivos.filter(c => !buscaEmail || c.nome.toLowerCase().includes(buscaEmail.toLowerCase()) || c.email.toLowerCase().includes(buscaEmail.toLowerCase()) || c.setor.toLowerCase().includes(buscaEmail.toLowerCase()));
return (
Escala Presencial 2026.1
Segunda a Sexta · Mínimo 2 pessoas/dia · UFMG = sob demanda
{[{ id:'ambos', label:'Ambos' }, { id:'CIT', label:'CIT-SENAI' }, { id:'UFMG', label:'UFMG' }].map(o => (
))}
Regras essenciais
- Mínimo de 2 pessoas/dia no local (segurança)
- 1 brigadista por dia da semana em cada local
- Falta agendada (saúde): avisar Maria Clara (RH) com 7 dias
- Falta imprevista: avisar grupo + Formulário de Justificativa
- Eventos externos: Formulário de Participação com 15 dias
- Sem o mínimo no dia? Quem ficaria sozinho cumpre em home office
{/* Arquivos por setor · caixinhas estilo Acesso Rápido, cada uma link pro Drive */}
);
};
// ── Seção: Jornal & Álbum ────────────────────────────────────────────────────
const JORNAL_READS_KEY = 'escalab_jornal_reads_v2';
function registrarLeitura(jornalId, userId) {
try {
const data = JSON.parse(localStorage.getItem(JORNAL_READS_KEY) || '{}');
if (!data[jornalId]) data[jornalId] = {};
data[jornalId][userId] = new Date().toISOString();
localStorage.setItem(JORNAL_READS_KEY, JSON.stringify(data));
} catch {}
}
function getLeituras(jornalId) {
try {
const data = JSON.parse(localStorage.getItem(JORNAL_READS_KEY) || '{}');
return data[jornalId] || {};
} catch { return {}; }
}
const SecaoCultura = ({ user }) => {
const [leuAgora, setLeuAgora] = useState(() => {
const reads = {};
JORNAL_EDICOES.forEach(j => {
const r = getLeituras(j.id);
reads[j.id] = !!r[user?.id];
});
return reads;
});
const [modalLeitores, setModalLeitores] = useState(null);
const isAdmin = user?.perfil === 'admin';
// FOTOS_MOCK defined globally above
return (
Arquivos por Setor
Cada caixinha abre a pasta do setor no Drive
{setores.map(s => {
const desativado = s.inativo;
const semUrl = !s.url || s.url === '#';
return (
);
})}
{editandoSetor && (() => {
const setorAtual = setores.find(s => s.nome === editandoSetor);
if (!setorAtual) return null;
return (
setEditandoSetor(null)} style={{ position:'fixed', inset:0, background:'rgba(10,15,18,.6)', zIndex:1000, display:'flex', alignItems:'center', justifyContent:'center', padding:24 }}>
);
})()}
e.stopPropagation()} style={{ background:'#fff', borderRadius:14, width:'100%', maxWidth:440, padding:'20px 22px' }}>
Pasta do Drive · {editandoSetor}
Cole a URL da pasta do Google Drive deste setor.
atualizarUrl(editandoSetor, e.target.value.trim() || '#')}
autoFocus
style={{ width:'100%', border:'1px solid var(--escalab-line)', borderRadius:8, padding:'9px 12px', fontSize:13, fontFamily:'var(--font-sans)', outline:0 }} />
{/* Header */}
E-mails do Time
Grupos de e-mail:
fixosescalab@googlegroups.com
associadosescalab@googlegroups.com
{/* Cabeçalho */}
{emailsFiltrados.length === 0 && (
{['Nome / Setor','Tipo','E-mail Profissional','E-mail Pessoal'].map(h => (
{emailsFiltrados.map((c, i) => {
const cat = getCategoriaColaborador ? getCategoriaColaborador(c.id) : { categoria:'fixo' };
const isFixo = cat.categoria === 'fixo';
const dadosAdm = getDadosAssinatura ? getDadosAssinatura(c.id) : {};
const emailPesAdm = dadosAdm?.emailPessoal || '';
const cEmail = c.email || '';
// Profissional = so se for @escalab.com.br. Gmail/hotmail/etc viram pessoal.
const isEscalabEmail = isEmailEscalab(cEmail);
const emailProf = isEscalabEmail ? cEmail : '';
const emailAdm = isEscalabEmail ? emailPesAdm : (cEmail || emailPesAdm);
return (
{h}
))}
e.currentTarget.style.background='var(--escalab-brand-tint)'}
onMouseLeave={e => e.currentTarget.style.background=i%2===0?'#fff':'var(--escalab-paper)'}>
{/* Nome */}
{/* Tipo */}
);
})}
{c.nome.split(' ').slice(0,3).join(' ')}
{c.setor}
{isFixo ? 'Fixo' : 'Associado'}
{/* E-mail profissional */}
{emailProf ? (
<>
{emailProf}
) : (
Sem e-mail @escalab
)}
{/* E-mail pessoal */}
{emailAdm ? (
<>
{emailAdm}
) : (
Não cadastrado
)}
Nenhum colaborador encontrado.
)}
E-mail profissional = domínio @escalab.com.br. Demais (gmail, hotmail etc.) são tratados como pessoais. Pessoas desligadas saem automaticamente desta lista.
{/* Álbum Escalab */}
{/* Jornal Interno */}
{total > 1 && {idx + 1} de {total}}
}>
);
};
// Hook helper para abrir o popup só uma vez por sessão de browser.
// Sessões anteriores ficam armazenadas em sessionStorage (zera ao fechar a aba).
function useNovidadesPopup(user) {
const [pendentes, setPendentes] = useState([]);
const [aberto, setAberto] = useState(false);
useEffect(() => {
if (!user) return;
// 'admin'/'financeiro' tb veem se GC configurar 'publico' incluindo o perfil;
// por padrão a seed só atinge gestor + colaborador (vide MOV_SEEDS? - sem, é NOVIDADES_SEED).
const lista = getNovidadesPendentes(user);
if (lista.length === 0) return;
// sessionStorage evita reabrir a cada navegação dentro da mesma aba do browser
const flag = `escalab_nov_pop_${user.id}`;
if (sessionStorage.getItem(flag)) return;
sessionStorage.setItem(flag, '1');
setPendentes(lista);
setAberto(true);
}, [user?.id]);
return { pendentes, aberto, fechar: () => setAberto(false) };
}
// ── Seção: Reconhecimentos ────────────────────────────────────────────────────
// Mural onde qualquer colaborador pode reconhecer outro. Visível pra todos.
const RECON_KEY = 'escalab_reconhecimentos';
// Valores Escalab · usados como motivos do reconhecimento
// PDF Site AVD 5 · item 42: detalhar "Como vivemos" e "Como não vivemos" por valor
const RECON_CATEGORIAS = [
{ id:'respeito', label:'Joga o jogo com respeito', emoji:'💝', cor:'#00836B', bg:'#E6F5F1',
titulo:'JOGAMOS O JOGO COM RESPEITO',
descricao:'Respeitamos contextos, ideias e individualidades, comunicando de forma não violenta e sem espaço para preconceitos. Resolvemos problemas internamente, abertos a feedbacks e sempre prezando pela imagem do Escalab.',
// Texto entregue por G&C em 17/06/2026 — manter EXATAMENTE como recebido.
comoVivemos: [
'Respeitamos o contexto, as ideias e as individualidade de todos;',
'Respeitamos e prezamos pela imagem da instituição Escalab ao relacionar com o ambiente externo;',
'Comunicamos de maneira não violenta;',
'Resolvemos nossos problemas dentro de casa',
'Somos abertos a dar e receber feedbacks.',
],
comoNaoVivemos: [
'Não pesamos o clima;',
'Não colocamos dificuldades;',
'Não abrimos espaço para preconceitos e discriminação;',
'Não fazemos comentários pelas costas;',
'Não levamos feedbacks como ataques pessoais.',
],
},
{ id:'autentico', label:'Autêntico e transparente', emoji:'👩🔬', cor:'#1F4A8A', bg:'#EEF3FA',
titulo:'SOMOS AUTÊNTICOS E TRANSPARENTES',
descricao:'Tomamos decisões orientadas por dados e compromisso com a verdade. A entrega é individual, mas o resultado é sempre coletivo.',
comoVivemos: [
'Prezamos e pensamos o melhor para o Escalab, equipe e indivíduo (nessa ordem);',
'Fazemos nosso ambiente ser seguro;',
'Consideramos a entrega individual mas o resultado é coletivo;',
'Temos compromisso com transparência e com a verdade para tomar decisões;',
'Nossas entregas e decisões são orientadas por dados.',
],
comoNaoVivemos: [
'Não pensamos individualmente ou apenas no próprio setor;',
'Não omitimos informações ou manipulamos dados.',
],
},
{ id:'impacto', label:'Tem ambição por impacto', emoji:'🎯', cor:'#B56500', bg:'#FFF3DA',
titulo:'TEMOS AMBIÇÃO POR IMPACTO',
descricao:'Focamos 100% no resultado com extremo profissionalismo e comprometimento total com a melhor entrega ao cliente. Assumimos responsabilidades, mapeamos riscos e trabalhamos com prazos e metas claras.',
comoVivemos: [
'Temos foco 100% no resultado',
'Estamos TODOS comprometidos com a MELHOR entrega para o cliente',
'Somos extremamente profissionais',
'Assumimos a responsabilidade das nossas entregas',
'Dedicamos a todo processo e não a parte dele',
'Mapeamos todos os riscos para nós e para o cliente',
],
comoNaoVivemos: [
'Não abraçamos o mundo, trabalhamos juntos',
'Não combinamos entregas sem prazos e metas',
'Não deixamos desinformados quem depende da nossa entrega',
'Não comprometemos a segurança em nenhuma hipótese',
],
},
{ id:'maonamassa', label:'É mão na massa', emoji:'💪', cor:'#6B3FA0', bg:'#F4EEFF',
titulo:'SOMOS MÃO NA MASSA',
descricao:'Somos resolutivos e proativos, agindo como donos do negócio que trazem soluções. Enfrentamos desafios com senso de comunidade e não terceirizamos nossos problemas.',
comoVivemos: [
'Somos resolutivos, resolvemos o que aparece (fazemos o que tem que ser feito)',
'Consideramos a proatividade indispensável',
'Agimos lembrando que somos donos do negócio',
],
comoNaoVivemos: [
'Não colocamos empecilhos, trazemos soluções',
'Não temos medo de tentar resolver',
'Temos senso de comunidade mas não terceirizamos problemas',
],
},
];
function getReconhecimentos() { try { return JSON.parse(localStorage.getItem(RECON_KEY) || '[]'); } catch { return []; } }
function salvarReconhecimentos(l) { try { localStorage.setItem(RECON_KEY, JSON.stringify(l)); } catch {} }
function addReconhecimento(r) { const l = getReconhecimentos(); l.unshift(r); salvarReconhecimentos(l); }
function toggleCurtidaRecon(id, userId) {
const l = getReconhecimentos();
const idx = l.findIndex(r => r.id === id);
if (idx === -1) return l;
const curt = new Set(l[idx].curtidas || []);
curt.has(userId) ? curt.delete(userId) : curt.add(userId);
l[idx].curtidas = [...curt];
salvarReconhecimentos(l);
return l;
}
function addComentarioRecon(id, comentario) {
const l = getReconhecimentos();
const idx = l.findIndex(r => r.id === id);
if (idx === -1) return l;
l[idx].comentarios = [...(l[idx].comentarios || []), comentario];
salvarReconhecimentos(l);
return l;
}
function deletarReconhecimento(id) { salvarReconhecimentos(getReconhecimentos().filter(r => r.id !== id)); }
const tempoRelativoRecon = (iso) => {
try {
const d = new Date(iso);
const diff = (Date.now() - d.getTime()) / 1000;
if (diff < 60) return 'agora';
if (diff < 3600) return `há ${Math.floor(diff/60)} min`;
if (diff < 86400) return `há ${Math.floor(diff/3600)} h`;
if (diff < 86400 * 7) return `há ${Math.floor(diff/86400)} d`;
return d.toLocaleDateString('pt-BR', { day:'2-digit', month:'short' });
} catch { return ''; }
};
const ModalNovoReconhecimento = ({ user, onClose, onSave }) => {
const [destId, setDestId] = useState(null);
const [categoria, setCategoria] = useState('respeito');
const [mensagem, setMensagem] = useState('');
const [busca, setBusca] = useState('');
const cat = RECON_CATEGORIAS.find(c => c.id === categoria);
const candidatos = COLABORADORES
.filter(c => c.id !== user.id)
.filter(c => !busca || c.nome.toLowerCase().includes(busca.toLowerCase()) || c.setor?.toLowerCase().includes(busca.toLowerCase()));
const dest = COLABORADORES.find(c => c.id === destId);
function salvar() {
if (!destId || !mensagem.trim()) return;
const novo = {
id: 'R' + Date.now(),
deId: user.id,
paraId: destId,
categoria,
mensagem: mensagem.trim(),
data: new Date().toISOString(),
curtidas: [],
comentarios: [],
};
addReconhecimento(novo);
onSave();
onClose();
}
return (
📸 Álbum Escalab
Momentos do time · clique para expandir
{FOTOS_MOCK.map((f, i) => (
{ e.currentTarget.style.transform = 'scale(1.03)'; e.currentTarget.style.boxShadow = `0 10px 32px ${f.cor}50`; }}
onMouseLeave={e => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = `0 4px 16px ${f.cor}30`; }}>
))}
{f.emoji}
{f.evento}
Jornal Interno
Notícias e novidades do Escalab
{JORNAL_EDICOES.map(j => {
const dt = j.data.split('-').reverse().join('/');
const leituras = getLeituras(j.id);
const totalLeram = Object.keys(leituras).length + (j.leram?.length || 0);
const pctLeram = Math.round(totalLeram / COLABORADORES.length * 100);
const jaLeu = leuAgora[j.id] || !!leituras[user?.id] || (j.leram || []).includes(user?.id);
const leitoresIds = [...(j.leram || []), ...Object.keys(leituras).map(Number)];
const leitores = [...new Set(leitoresIds)].map(id => COLABORADORES.find(c => c.id === id)).filter(Boolean);
return (
{ e.currentTarget.style.boxShadow = '0 4px 14px rgba(0,0,0,.08)'; e.currentTarget.style.transform = 'translateY(-1px)'; }}
onMouseLeave={e => { e.currentTarget.style.boxShadow = 'none'; e.currentTarget.style.transform = 'none'; }}>
{/* Avatares dos últimos que abriram */}
{leitores.length > 0 && (
{isAdmin && (
)}
{j.url ? (
{ registrarLeitura(j.id, user?.id); setLeuAgora(l => ({ ...l, [j.id]:true })); }}
style={{ border:`1px solid ${jaLeu?'var(--escalab-brand-soft)':'var(--escalab-line)'}`, background:jaLeu?'var(--escalab-brand-tint)':'#fff', borderRadius:10, padding:'8px 16px', cursor:'pointer', fontSize:13, color:jaLeu?'var(--escalab-brand)':'var(--escalab-slate)', fontFamily:'var(--font-sans)', whiteSpace:'nowrap', fontWeight:jaLeu?700:400, transition:'all .15s', flexShrink:0, textDecoration:'none', display:'inline-flex', alignItems:'center', gap:4 }}>
{jaLeu ? '✓ Aberto' : 'Abrir jornal →'}
) : (
)}
);
})}
{/* Modal: quem leu */}
{modalLeitores && (
📰
{j.titulo}
Publicado em {dt}
{/* Taxa de abertura · só para o GC (admin) */}
{isAdmin && (<>
=80?'#00967B':pctLeram>=50?'#E89B3B':'#B3261E', borderRadius:999, transition:'width .5s' }} />
=80?'#00836B':pctLeram>=50?'#E89B3B':'#B3261E' }}>{pctLeram}%
{totalLeram}/{COLABORADORES.length} abriram o e-mail
{leitores.length > 0 && (
)}
{leitores.slice(0,6).map(l => (
)}
)}
{l.iniciais}
))}
{leitores.length > 6 && +{leitores.length-6}}
também abriram
setModalLeitores(null)} style={{ position:'fixed', inset:0, background:'rgba(10,15,18,.5)', backdropFilter:'blur(4px)', zIndex:1000, display:'flex', alignItems:'center', justifyContent:'center', padding:24 }}>
)}
e.stopPropagation()} style={{ background:'#fff', borderRadius:16, width:'100%', maxWidth:400, maxHeight:'70vh', overflow:'auto', animation:'popIn .22s var(--ease-out)', boxShadow:'0 20px 60px rgba(0,0,0,.15)' }}>
Quem abriu o e-mail
{modalLeitores.jornal.titulo}
{modalLeitores.leitores.map(l => (
))}
{l.iniciais}
{l.nome.split(' ').slice(0,3).join(' ')}
{l.setor}
{/* Brigadistas */}
);
// ── Modal de Novidades (popup automático no 1º acesso a cada novidade) ────────
const ModalNovidadesPopup = ({ user, novidades, onFechar }) => {
const [idx, setIdx] = useState(0);
const total = novidades.length;
if (total === 0) return null;
const nov = novidades[idx];
function avancar() {
marcarNovidadeVista(user.id, nov.id);
if (idx < total - 1) setIdx(idx + 1);
else onFechar();
}
function fecharTudo() {
// marca todas como vistas para não voltar nessa sessão
novidades.forEach(n => marcarNovidadeVista(user.id, n.id));
onFechar();
}
const dataFmt = nov.data
? new Date(nov.data + 'T12:00:00').toLocaleDateString('pt-BR', { day: '2-digit', month: 'long', year: 'numeric' })
: '';
return (
{/* Decorative */}
{/* Locais */}
Brigadistas de Emergência
Em caso de incidente ou emergência, contate imediatamente
{BRIGADISTAS.map(b => (
{b.nome}
{b.tel}
))}
{LOCAIS_INFO.map(l => (
{ e.currentTarget.style.boxShadow = `0 8px 30px ${l.cor}25`; e.currentTarget.style.transform = 'translateY(-2px)'; }}
onMouseLeave={e => { e.currentTarget.style.boxShadow = `0 4px 20px ${l.cor}12`; e.currentTarget.style.transform = 'none'; }}>
))}
{l.icon}
{l.nome}
{l.items.map(it => (
{it.label}
{it.val}
))}
{/* Hero verde Escalab · badge + data + título em branco */}
)}
{/* texto */}
{nov.texto && (
{/* círculo decorativo sutil */}
{/* foto */}
{nov.fotoBase64 && (
{nov.titulo || '·'}
{nov.texto}
)}
{/* campos personalizados */}
{(nov.camposExtra || []).length > 0 && (
{nov.camposExtra.map(c => (
))}
)}
{c.label}
{c.tipo === 'link' && c.valor ? (
{c.valor} ↗
) : c.tipo === 'textarea' ? (
{c.valor || '·'}
) : (
{c.valor || '·'}
)}
e.stopPropagation()} style={{ background:'#fff', borderRadius:20, width:'100%', maxWidth:560, maxHeight:'92vh', overflow:'auto', animation:'popIn .22s var(--ease-out)', boxShadow:'0 24px 80px rgba(0,0,0,.18)' }}>
Novo reconhecimento
Reconheça publicamente quem fez a diferença
{/* Quem reconhecer */}
) : (
Quem você reconhece?
{dest ? (
{dest.iniciais}
{dest.nome}
{dest.cargo} · {dest.setor}
{candidatos.slice(0, 30).map(c => (
))}
Qual o motivo desse reconhecimento?
Nossos Valores 💚
{RECON_CATEGORIAS.map(c => {
const sel = categoria === c.id;
return (
);
})}
{/* Descrição do valor selecionado + Como vivemos × Como não vivemos (PDF Site AVD 5 · item 42) */}
{cat && cat.descricao && (
{cat.titulo}
{cat.descricao}
{(cat.comoVivemos || cat.comoNaoVivemos) && (
{cat.comoVivemos && (
)}
{cat.comoNaoVivemos && (
)}
)}
✓ Como vivemos
-
{cat.comoVivemos.map((v,i) =>
- {v} )}
✗ Como não vivemos
-
{cat.comoNaoVivemos.map((v,i) =>
- {v} )}
Mensagem