Skip to content

fix(profile): Links Sociais - campo Plataforma não é validado e Handle/URL não bloqueia #486

Description

@stherzada

Descrição do problema

No formulário de "Links Sociais", o campo Plataforma do primeiro item aparece marcado como obrigatório (asterisco vermelho), mas a validação não funciona de fato. É possível preencher o campo Handle / URL com qualquer valor — inclusive um texto inválido — sem selecionar nenhuma plataforma, e mesmo assim o formulário aceita e prossegue. Ou seja, a obrigatoriedade é apenas visual. O mesmo se repete nos demais itens.

Comportamento esperado

  • A seleção da Plataforma deve ser realmente obrigatória para salvar/prosseguir (validação de verdade, não só o asterisco).
  • O campo Handle / URL deve ficar desabilitado/bloqueado até que uma plataforma seja selecionada.
  • (Melhoria sugerida) Ao selecionar a plataforma, exibir o ícone correspondente no topo do bloco do link social, para facilitar a identificação.

Comportamento atual

  • O asterisco indica obrigatoriedade, mas nenhuma validação é aplicada no envio.
  • O campo Handle / URL já vem habilitado mesmo sem nenhuma plataforma selecionada.
  • É possível digitar qualquer coisa no Handle / URL (ex: 8i78867886787) e o formulário abre/prossegue normalmente.

Passos para reproduzir

  1. Vá até a seção Links Sociais.
  2. Deixe Plataforma em "Selecione uma opção" (sem selecionar nada).
  3. Preencha Handle / URL com qualquer valor, ex: 8i78867886787.
  4. Salve / prossiga — o formulário aceita mesmo sem plataforma selecionada e sem validar o valor do handle/URL.

Ambiente

  • Sistema operacional: macOS Tahoe 26.3.1
  • Navegador / versão: Chrome 120
  • Ambiente: prod

Evidências

Image

Sugestão de correção (opcional)

  • Adicionar validação real no submit: bloquear o envio se Plataforma não estiver selecionada em qualquer item preenchido.
  • Desabilitar o input Handle / URL enquanto Plataforma não for selecionada (disabled condicional).
  • (Opcional) Validar o formato do Handle / URL conforme a plataforma (regex de handle ou URL).
  • Renderizar o ícone da plataforma no cabeçalho do bloco assim que ela for selecionada.

Contexto adicional

O comportamento se repete para todos os itens de link social, não só o primeiro.

Metadata

Metadata

Labels

bugSomething isn't working

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions