R-004 — Menu do header varia conforme o perfil do usuário
TLDR: o header mostra links de navegação, menu de 3 tracinhos e dropdown do avatar diferentes para visitante deslogado, terapeuta PRO, terapeuta regular e cliente, no desktop e no mobile.
Given / When / Then
Dado que o usuário é terapeuta PRO (assinatura pro ativa) ou cliente (assinatura regular-client)
Quando o header é exibido no desktop ou no mobile
Então aparece o menu de 3 tracinhos ao lado do avatar, com os links do perfil (ver tabela)
Dado que o usuário é terapeuta regular (nem PRO ativo, nem cliente)
Quando o header é exibido
Então não aparece o menu de 3 tracinhos; no mobile aparece uma lupa que leva para /buscar-terapeuta
Dado que o usuário está logado
Quando ele abre o dropdown do avatar
Então vê o card de status do perfil (quando aplicável), “Minha Conta” (leva para /app/configuracoes), “Assinatura” (só terapeutas, temporário) e “Sair”; no mobile vê também “Central de ajuda” antes de “Sair”
Dado que o visitante não está logado Quando o header é exibido no desktop Então aparecem “Fazer login”, “Criar conta” e o menu de 3 tracinhos com “Central de ajuda”, sem links no centro
Dado que o visitante não está logado Quando o header é exibido no mobile Então aparece só o menu de 3 tracinhos, com “Fazer login”, “Criar conta”, “Buscar um terapeuta” e “Central de ajuda”
Dado que o usuário está no checkout Quando o header é exibido Então ao lado do cadeado aparece o menu de 3 tracinhos com “Central de ajuda”
Tabela de decisão
| Perfil | Centro (desktop) | 3 tracinhos | Mobile |
|---|---|---|---|
| Deslogado | — | Central de ajuda (desktop) | 3 tracinhos com login, cadastro, busca e ajuda |
| Terapeuta PRO | Buscar um terapeuta, Central de ajuda | Painel de Controle, Meus Clientes, Minha Agenda, Minhas Sessões | 3 tracinhos + avatar |
| Terapeuta regular | Buscar um terapeuta, Central de ajuda | — | lupa + avatar |
| Cliente | Buscar um terapeuta, Central de ajuda | Painel de Controle, Minha Agenda, Minhas Sessões, Meus Terapeutas, Minha Carteira | 3 tracinhos + avatar |
Restrições
- Nas páginas de onboarding e cadastro (header com
onlyMobileIcon), o menu mobile anterior é mantido: “Central de ajuda” e “Sair”. - Nas páginas de login e cadastro (rotas públicas), “Fazer login” e “Criar conta” não aparecem.
- “Minhas Finanças” consta no design para o terapeuta PRO, mas ainda não existe a página; o item não é exibido.
- O selo “PRO” no logo aparece só para terapeuta PRO.
- “Assinatura” fica temporariamente no dropdown do avatar para terapeutas (regular e PRO), para o regular não perder o caminho do upgrade PRO. Sai quando a nova página “Minha conta” listar Assinatura (task “[TRG Club] - Minha conta”).
- Enquanto a sessão carrega, o header não mostra ações de logado nem de deslogado.
Teste vinculado
src/components/Header/HamburgerMenu.test.tsx— links do PRO e do clientesrc/components/Header/LoggedOutActions.test.tsx— ações do visitante no desktop, no mobile e em rotas públicassrc/components/Header/HelpCenterMenu.test.tsx— menu de Central de ajudasrc/components/Header/IconMenu.test.tsx— itens do dropdown do avatar por perfil