O Topic Cards oferece uma maneira simples, porém bonita e utilizável de renderizar tópicos nas páginas principais. No entanto, há espaço para melhorias nos metadados que ele apresenta.
Ele mostra apenas Curtidas. Enquanto isso, o também oficial Topic List Thumbnails mostra elegantemente ícones para Visualizações, Curtidas, Respostas, e a Última Atividade também é renderizada de forma organizada junto com esses ícones.
Ele mostra a data de publicação em vez da data da última atividade, o que é inconsistente com o comportamento padrão do Discourse e pode causar confusão aos usuários (“por que este tópico está no topo se é tão antigo?”)
A solução pode ser simples em termos de UX: renderizar os metadados em Tópicos de Cartões (Topic Cards) da mesma forma que está sendo renderizado em Miniaturas de Lista de Tópicos (Topic List Thumbnails). Mesmo código, se possível. Mais consistência e, teoricamente, menos trabalho de manutenção.
Veja para comparação:
Tópicos de Cartões
Veja a data de publicação à esquerda e o à direita.
Mesmo tópico. O dobro de dados mostrados e, ainda assim, não adiciona poluição visual, e a data corresponde à última atividade, não à data de publicação, assim como o padrão do Discourse faz.
Para tornar esta sugestão simples, proponho referir-me a um componente oficial (Miniaturas da Lista de Tópicos) para melhorar outro componente oficial (Cartões de Tópicos). Adicionar temas ou componentes de terceiros à mistura complica as coisas, não importa quão bons esses componentes externos possam ser.
Eu pessoalmente prefiro ficar com o tema Padrão e construir sobre ele. Podemos estar optando pelo tema Elegante apenas porque ele oferece mais flexibilidade de design com áreas de fundo/flutuantes. Os Cartões de Tópicos complementam bem os princípios do tema Elegante e não adicionam mais recursos que (no nosso caso) não precisamos.
Isso parece uma boa melhoria para mim. Não temos largura de banda para aceitar esta alteração agora, mas estou a marcá-la como pr-welcome, o que significa que teremos todo o gosto em rever uma contribuição da comunidade que faça a alteração proposta aqui.
Implementamos esta versão em https://podkasts.org e a testamos em desktop e mobile.
Adicionamos um CSS extra (localmente, separado da versão do componente do @RGJ) para
a) Remover “Publicado” (veja meu raciocínio para esta mudança acima)
b) Fazer com que funcione melhor com o tema Graceful (que introduz uma margem esquerda que limita o espaço no mobile).
Acho que seria uma boa ideia adicionar uma configuração para ativar/desativar a exibição de métricas extras. O design original pretendia ser mais minimalista, removendo parte do conteúdo, então eu gostaria de poder manter essa intenção.