Skip to content

Destacar status 'Fixed' em Known Issues com banner/callout #390

@PedroAntunesCosta

Description

@PedroAntunesCosta

Description

O status "Fixed" deveria ser mais destacado para sinalizar claramente que a KI foi resolvida, possivelmente através de um banner ou callout que chame mais atenção para essa informação importante.

Expected Behavior

Quando uma Known Issue tem status "Fixed", deveria haver um elemento visual mais destacado (banner, callout, ou similar) que deixe claro e visível que o bug da plataforma foi solucionado, além do tag de status atual.

Actual Behavior

Atualmente, o status "Fixed" é exibido apenas como um pequeno tag verde no topo da página, junto com outras informações (ID, módulo). Este tag pode passar despercebido, especialmente se o usuário estiver focado no conteúdo do artigo.

Investigation Notes

Related Files

  • O status da Known Issue é renderizado em 115:139:src/components/article-render/index.tsx, onde há uma seção específica para type == 'known-issues' que exibe o status através de um componente Tag
  • O componente Tag está definido em 1:27:src/components/tag/index.tsx e recebe a cor baseada no status
  • Os estilos do status "Fixed" estão definidos em 28:32:src/components/tag/styles.ts, com cores verde claro (#DFF5DB de fundo, #3A6E32 de texto)
  • O tipo KnownIssueStatus está definido em 72:78:src/utils/typings/types.ts e inclui 'Fixed' como um dos status possíveis
  • Existe um componente AnnouncementBar em 1:87:src/components/announcement-bar/index.tsx que poderia servir como referência para criar um banner/callout similar para destacar o status "Fixed"

Suggested Investigation Paths

  • Verificar onde o status "Fixed" é renderizado na página de detalhes da Known Issue (115:139:src/components/article-render/index.tsx)
  • Considerar adicionar um banner ou callout condicional quando serialized.frontmatter?.kiStatus === 'Fixed'
  • O componente AnnouncementBar pode servir como base para criar um novo componente de banner para status "Fixed"
  • Avaliar se o banner deve aparecer no topo do artigo (após o header) ou em outra posição estratégica
  • Considerar usar as mesmas cores do tag "Fixed" (verde) para manter consistência visual, mas com maior destaque
  • Verificar se há mensagens de tradução relacionadas em src/messages/ que precisem ser adicionadas para o novo banner

Additional Context

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions