Diferenciar autor do post nos comentários do mesmo

filipedeschamps / tabnews.com.br

Conteúdos para quem trabalha com Programação e Tecnologia.

https://tabnews.com.br

GNU General Public License v3.0

5.32k stars 388 forks source link

Diferenciar autor do post nos comentários do mesmo #972

Closed igorroc closed 10 months ago

igorroc commented 1 year ago

O TabNews é maravilhoso em sua simplicidade. Mas tem um ponto que eu sempre me atrapalho quando vou ver algum artigo: quem comentou foi o autor do post?

Eu acredito que não seja tão complicado de fazer isso, e vai deixar a sessão de comentários muito mais organizada!

Seguindo o padrão das cores azul (TabCoins) e verde (TabCash), daria pra estilizar algo parecido com isso:

Print da tela

miguel5g commented 1 year ago

Hey @igorroc, admito que também já fiquei confuso em relação a isso, acho que isso seria uma adição legal.

miguel5g commented 1 year ago

Fala pessoal, acredito que niguém tentou implementar ainda, então fiz alguns testes aqui e acho que da para implementar sem muitos problemas, o meu código ta alguns commits atrasadoas, mas caso seja isso que vou mostrar posso abrir uma pr pronta em breve :smile:

Tem um único bug que é questão da borda cinza no primeiro comentário do dono do post, ele fica assim pois a alteração de content mode ocorre internamente, e ele continua recebendo as props frame=true, eu não sei se é uma feature ou bug, mas depois que recarrega a página e atualiza o estado pai ele fica igual o de baixo, alguém sabe informar?

Rafatcb commented 11 months ago

Me surgiu uma dúvida quanto à implementação: se eu estiver no link de um comentário, o usuário realçado deve ser o autor desse comentário ou o autor do conteúdo raiz?

aprendendofelipe commented 11 months ago

Me surgiu uma dúvida quanto à implementação: se eu estiver no link de um comentário, o usuário realçado deve ser o autor desse comentário ou o autor do conteúdo raiz?

Acredito que deveria ser destacado o autor do conteúdo principal da página visitada, seja comentário ou raiz.

Numa versão mais elaborada, poderia diferenciar o autor do conteúdo raiz e do comentário visitado, mas pode não ficar com uma boa UX.

E pelo bem da UX, devemos pensar nisso ao mesmo tempo que pensamos como identificar usuários novos e também os possíveis verificados.

Rafatcb commented 10 months ago

Talvez colocar um label como o GitHub faz, mas do lado do nome do usuário, pode ser uma opção mais viável do que usar cores para isso, porque o label é mais explicativo e ainda pode ter um Tooltip, apesar de não chamar tanta atenção (pode ser um label colorido, mas aí tem que tomar cuidado pra não virar um carnaval).

Interface do GitHub para o comentário do autor de um issue

Se for usar cores no nome do usuário, acho que precisaríamos deixar de usar o azul como padrão e usar algo mais neutro (cinza, por exemplo), mas ainda seria importante ter alguma explicação do que a cor significa.

Rafatcb commented 10 months ago

Abri o PR #1589 com uma implementação similar ao que é no GitHub. No PR está com o texto Autor mas deixei imagens de como seria com Autor(a):

Autor	Autor(a)

aprendendofelipe commented 10 months ago

Se for usar cores no nome do usuário, acho que precisaríamos deixar de usar o azul como padrão e usar algo mais neutro (cinza, por exemplo), mas ainda seria importante ter alguma explicação do que a cor significa.

Acho que pode ser mais interessante usar cores nos labels, não no nome do autor.

Abri o PR #1589 com uma implementação similar ao que é no GitHub. No PR está com o texto Autor mas deixei imagens de como seria com Autor(a):

"Autor" fica melhor, tanto visualmente, como para ferramentas de acessibilidade.