Filtro de conteúdos na página do usuário

[ErickCReis]

Mudanças realizadas

Continuação de #1188

Resolve #807

Gravacao.de.Tela.2023-12-20.as.21.54.33.mov

Tipo de mudança

• Nova funcionalidade

Checklist:

• As modificações não geram novos logs de erro ou aviso (warning).
• Eu adicionei testes que provam que a correção ou novo recurso funciona conforme esperado.
• Tanto os novos testes quanto os antigos estão passando localmente.

[vercel]

@ErickCReis is attempting to deploy a commit to the TabNews Team on Vercel.

A member of the Team first needs to authorize it.

[aprendendofelipe]

Show @ErickCReis! 💪💪💪

Como ainda é WIP, eu não revisei tudo, mas fiz alguns comentários alinhados com a ideia de deixar como algo comum a todas as abas apenas o username.

E o restante (saldos de TabCoin e TabCash, data de criação do usuário, menu editar e nuke etc.) mostrar apenas no endereço /[username], como já ocorre hoje.

Daí tudo isso ficaria abaixo do UserHeader, apenas no pages/[username]/index.public.js

[aprendendofelipe]

@ErickCReis, conforme ideia surgida na conversa com o @maniero, acho que podemos já nesse PR acrescentar a visualização das contagens totais de publicações de cada tipo em suas respectivas abas.

Essa informação já está disponível no objeto pagination

[ErickCReis]

Como ainda é WIP, eu não revisei tudo, mas fiz alguns comentários alinhados com a ideia de deixar como algo comum a todas as abas apenas o username.

E o restante (saldos de TabCoin e TabCash, data de criação do usuário, menu editar e nuke etc.) mostrar apenas no endereço /[username], como já ocorre hoje.

Daí tudo isso ficaria abaixo do UserHeader, apenas no pages/[username]/index.public.js

Eu estava um pouco na dúvida sobre isso mesmo, mas realmente não faz muito sentido ter todas as informação nas outras abas.

@ErickCReis, conforme ideia surgida na conversa com o @maniero, acho que podemos já nesse PR acrescentar a visualização das contagens totais de publicações de cada tipo em suas respectivas abas.

Essa informação já está disponível no objeto pagination

Show, vou adicionar isso lá também.

[Rafatcb]

Não consegui olhar esse PR ainda, mas vendo o vídeo, fiquei com uma dúvida. Vocês não acham melhor já mostrar a lista de publicações abaixo da descrição e outras informações do usuário? Me parece improvável alguém querer visitar um perfil sem querer ver a lista de publicações e/ou comentários, e para isso precisaria de dois cliques (pelo o que vi na imagem, um para ir ao perfil e outro para a tab).

Outro ponto, no comportamento da plataforma hoje, sei que quando muda de página todas as informações do usuário somem, mas do meu ponto de vista como usuário, eu preferiria continuar mantendo as informações do usuário ali e poder mudar entre Publicações/Comentários e também entre páginas sem que as informações "sumam" (pelo menos nome, TabCoins, TabCash e data de cadastro).

Eu sei que é terrível dar esse tipo de opinião depois de já terem implementado do jeito que está. Se for só eu que penso assim, tudo bem 😅 . Não lembro de ter visto isso ser debatido antes.

@ErickCReis apenas uma lembrança: não precisa implementar nenhuma modificação com base nesse meu comentário. A princípio, é uma sugestão a ser debatida.

[ErickCReis]

@Rafatcb

Não consegui olhar esse PR ainda, mas vendo o vídeo, fiquei com uma dúvida. Vocês não acham melhor já mostrar a lista de publicações abaixo da descrição e outras informações do usuário? Me parece improvável alguém querer visitar um perfil sem querer ver a lista de publicações e/ou comentários, e para isso precisaria de dois cliques (pelo o que vi na imagem, um para ir ao perfil e outro para a tab).

Eu não utilizo o TabNews com muita frequência, mas normalmente entro no perfil de um usuário apenas para ver as informações básicas.

Acredito que essa aba de perfil possa evoluir um pouco mais no futuro para ter outras informações, publicações fixadas pelo usuário por exemplo, nesse caso seria interessante manter esse fluxo.

Apesar disso, não vejo nenhum problema em mudar esse fluxo. A princípio vejo duas opções:

1. Exibir todos os conteúdos do usuário abaixo da descrição do perfil, como é hoje.
2. Mudar a ordem das tabs, talvez fique meio estranho.

Outro ponto, no comportamento da plataforma hoje, sei que quando muda de página todas as informações do usuário somem, mas do meu ponto de vista como usuário, eu preferiria continuar mantendo as informações do usuário ali e poder mudar entre Publicações/Comentários e também entre páginas sem que as informações "sumam" (pelo menos nome, TabCoins, TabCash e data de cadastro).

Essa foi a ideia inicial, mas acho essa opção trazia alguns problemas.

1. Buscar a quantidade de TabCoin e TabCash é uma query mais pesada (não tenho certeza, acho que o @aprendendofelipe pode confirmar isso), não sei se é uma boa opção fazer essa busca em diversas páginas.
2. A aba de perfil ficaria vazia caso o usuário não tenha uma descrição. (talvez utilizar um empty state?)

Eu sei que é terrível dar esse tipo de opinião depois de já terem implementado do jeito que está. Se for só eu que penso assim, tudo bem 😅 . Não lembro de ter visto isso ser debatido antes.

Tranquilo, estou testando algumas coisas também, eu quis implementar dessa forma por enquanto apenas para termos uma base.

@ErickCReis apenas uma lembrança: não precisa implementar nenhuma modificação com base nesse meu comentário. A princípio, é uma sugestão a ser debatida.

Beleza! Vou me segurar aqui kkkk

[aprendendofelipe]

Vocês não acham melhor já mostrar a lista de publicações abaixo da descrição e outras informações do usuário?

Para a primeira versão com abas, pelos motivos explicados abaixo, minha opinião é que é melhor não mostrar nenhum conteúdo na aba "perfil". A não ser o que o usuário propositalmente destacou.

Me parece improvável alguém querer visitar um perfil sem querer ver a lista de publicações e/ou comentários, e para isso precisaria de dois cliques (pelo o que vi na imagem, um para ir ao perfil e outro para a tab).

Não tenho certeza se é improvável. Acredito que o principal motivo para visitar o perfil seja para ver o que a pessoa destacou lá, mas não acho que isso vá ser unanimidade. Uma boa parte vai visitar para ver as publicações, outros para ver as respostas e ainda vai sobrar alguns que vão sentir falta da opção de ver tudo misturado.

Mas tem que testar. Descobrindo qual é a real preferência, podemos mudar. E da forma que está no vídeo a gente consegue medir qual é proporção dos que visitaram o perfil e também visitaram as outras abas.

E lembrando que devem surgir outras abas, como a das listas personalizadas/favoritos. Numa versão futura, também podemos pensar em deixar o dono do perfil escolher entre abrir já na aba de perfil algumas de suas listas personalizadas ou um dos tipos de conteúdos. P.S. Interessante que o @ErickCReis sugeriu algo parecido... Voltei aqui pra comentar isso, pois só vi depois que já tinha escrito. 🤝

Na falta de dados próprios para tomar a decisão inicial, acho legal seguir as nossas referências, como o GitHub e Hacker News, que fazem bem parecido com o que está feito. Outra justificativa é começar pelo mais simples.

Outro ponto, no comportamento da plataforma hoje, sei que quando muda de página todas as informações do usuário somem, mas do meu ponto de vista como usuário, eu preferiria continuar mantendo as informações do usuário ali e poder mudar entre Publicações/Comentários e também entre páginas sem que as informações "sumam" (pelo menos nome, TabCoins, TabCash e data de cadastro).

Seria mais interessante mesmo, mas apenas se não houvesse nenhuma inconsistência ao navegar entra as abas e páginas. Então isso é uma complexidade extra para lidarmos, pois o cache vai fazer os saldos ficarem mudando entre os dados desatualizados e os atualizados logo em seguida a cada mudança de aba/página.

Não acho que valha a pena lidar com isso já nesse PR, pois é uma complexidade maior do que o objetivo principal de separar os tipos de conteúdos.

Mas uma coisa que eu sentia falta ao navegar pela paginação dos conteúdos era ver o nome do usuário, e isso já está resolvido. 🎉

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tabnews	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 27, 2023 11:15pm

[aprendendofelipe]

Está ficando muito legal @ErickCReis! 🎉🎉🎉

Gostei de onde você colocou o total de cada tipo de conteúdo 👍

Ainda não revisei tudo, já que é W.I.P., mas já deixei alguns novos comentários no código.

Por favor, veja o que faz sentido. 💪

[Rafatcb]

Mas tem que testar. Descobrindo qual é a real preferência, podemos mudar. E da forma que está no vídeo a gente consegue medir qual é proporção dos que visitaram o perfil e também visitaram as outras abas.

@aprendendofelipe obrigado pela resposta. Acho bom termos esse seu comentário como referência para caso surja algum debate sobre isso futuramente.

Vou tentar revisar o PR hoje de noite, mesmo que seja parcialmente.

[Rafatcb]

Uma observação para o futuro (não necessariamente para esse PR): creio que faça sentido retornarmos para o cliente o count de publicações e comentários para já mostrar nas abas sem precisar clicar nelas, como o GitHub faz.

Ótimo PR! Meus comentários são mais referentes à nomenclatura do que um problema de implementação.

[ErickCReis]

@aprendendofelipe e @Rafatcb muito obrigado pelo review!

Estava planejando dar uma conferida melhor no código hoje, mas vocês já adiantaram muito desse trabalho.

Estou de acordo com todas as sugestões, vou iniciar os ajustes aqui.

---

Uma observação para o futuro (não necessariamente para esse PR): creio que faça sentido retornarmos para o cliente o count de publicações e comentários para já mostrar nas abas sem precisar clicar nelas, como o GitHub faz.

Gosto bastante dessa ideia, vou dar uma olhada aqui, mas provavelmente isso fique para o outro momento.

[ErickCReis]

Finalizei os ajustes!

*edit
Tem um warning acontecendo no console, é algo relacionado com os botões Editar, estou investigando aqui.

---

Ainda estou testando algumas coisas, estou achando a aba de perfil muito vazia, e ainda queria verificar a possibilidade de deixar mais algumas informações no nome do usuário.

Esse é um dos testes, não adicionei isso ainda mas se eu chegar em algo legal atualizo aqui.

---

Acho que amanhã consigo fazer mais alguns testes, dar uma última conferida no código e sair do modo "Draft" kkk

[ErickCReis]

Consegui resolver os últimos detalhes que encontrei.

Deixei alguns comentários com detalhes de implementação e dúvidas.

---

Fiz alguns testes mas não soube como deixar a aba de perfil mais interessante, acho já é suficiente para a primeira versão, mas aceito sugestões.

Além disso tem alguns detalhes de layout que estou na dúvida:

1. A label nuked pode ficar ali mesmo?
2. O que fazer com o tooltip TabCoins?
3. Nesse cenário de usuário excluído, faz sentido mostrar as TabCoins, TabCash e o tempo?

[kaique-soares]

2. O que fazer com o tooltip TabCoins?

@ErickCReis consegue testar com fica se setar o valor da propriedade direction como ne ou e? Talvez ajude 🤝

https://primer.style/react/Tooltip#tooltip

<TabCoinCount amount={userFound.tabcoins || 0} direction="ne" />

<TabCoinCount amount={userFound.tabcoins || 0} direction="e" />

[ErickCReis]

@ErickCReis consegue testar com fica se setar o valor da propriedade direction como ne ou e? Talvez ajude 🤝

Show! Movi para baixo, acho que ficou bom, eu estava pensando em opções para remover o tooltip e nem lembrei que tinha essa possibilidade.

---

Ah, ainda estou fazendo alguns testes com o layout do perfil.

[Rafatcb]

Como já existe a opção de acessar o perfil através do nome do usuário, o que acha de renomear para "Minhas publicações" e redirecionar para a aba "Publicações"? Assim a gente mantém um comportamento mais parecido com o atual. Outra sugestão seria renomear para "Meu perfil" e adicionar um item extra "Minhas publicações" .

Gostei da sua sugestão. Talvez nem precise renomear o botão, só redirecionar para /conteudos mesmo.

[ErickCReis]

@Rafatcb fiz os ajustes sugeridos!

Ainda não mexi na aba de perfil, mas vou colocar alguns os testes que eu fiz aí a gente decide como fica melhor. (A opção 1 é a versão atual)

	Desktop	Mobile
1
2
3
4		(precisa de ajuste)

[Rafatcb]

@ErickCReis, obrigado pelo esforço! Acho que a versão 3 foi a mais interessante, só precisaria ajustar o alinhamento porque está dando a impressão que o Membro há... está mais à esquerda do que o quadrado azul 🟦. Provavelmente o quadrado tem algum tipo de espaçamento em volta da cor e dá essa impressão.

[Rafatcb]

Massa, Erick! Fiz mais um testes aqui e surgiu outra dúvida.

Será que faz sentido permitir acessar a página /conteudos/1 também como /conteudos? E o mesmo raciocínio vale para a página /comentarios/1. Se a resposta for sim, precisaria verificar os reservedUsernames na criação de um conteúdo também, porque fiz um teste e criei uma publicação com o slug conteudos e outra comentarios.

Um exemplo de onde isso é permitido é nas páginas de conteúdos:

• Recentes: /recentes/pagina/1 e /recentes
• Relevantes: / e /pagina/1

Seria bom ouvir a opinião do @aprendendofelipe sobre isso.

[ErickCReis]

Será que faz sentido permitir acessar a página /conteudos/1 também como /conteudos? E o mesmo raciocínio vale para a página /comentarios/1.

Acho que faz sentido sim, mas isso iria depender de uma verificação em todas as publicações já feitas para evitar esse conflito de slugs, acho que podemos deixar isso como uma melhoria para um próximo PR.

[aprendendofelipe]

Sobre as sugestões em #1577 (comment), eu gosto de um misto da versão 1 com a 3.

Acho que não quebraria o "Membro há..." enquanto houver espaço para ficar tudo na mesma linha. E não mostraria o texto das moedas nas telas menores, onde usaria o Tooltip para esses casos. Mas, entre as alternativas, também iria de 3. 👍

Será que faz sentido permitir acessar a página /conteudos/1 também como /conteudos? E o mesmo raciocínio vale para a página /comentarios/1. Se a resposta for sim, precisaria verificar os reservedUsernames na criação de um conteúdo também, porque fiz um teste e criei uma publicação com o slug conteudos e outra comentarios.

Acho que não precisa. Até acho melhor não, justamente por criar essa restrição ao slug.

Mas se optarem por esse caminho, seria melhor criar o reservedSlugs ao invés de usar o reservedUsernames, mas é algo que não vele a pena incluir nesse PR.

[ErickCReis]

Acho que não quebraria o "Membro há..." enquanto houver espaço para ficar tudo na mesma linha.

Coloquei as informações na mesma linha para vocês verem como fica, se tiverem outras sugestões eu posso testar também sem problema.

E não mostraria o texto das moedas nas telas menores, onde usaria o Tooltip para esses casos.

Acredito que a maioria da telas menores são celulares, então acho que o Tooltip não seria uma boa alternativa.

[aprendendofelipe]

Muito obrigado @ErickCReis, um grande trabalho e excelente contribuição! 😍👏💪

Obrigado também @Rafatcb e @kaique-soares! 💪

Eu fiz mais dois comentários no código, mas não é nada que impeça a aprovação do PR.

Então, se não surgir nada novo, mais tarde vou enviar para produção 🤝

[ErickCReis]

Muito obrigado @ErickCReis, um grande trabalho e excelente contribuição! 😍👏💪

Eu que agradeço, dei muito trabalho nesse code review kkk

Eu fiz mais dois comentários no código, mas não é nada que impeça a aprovação do PR.

Então, se não surgir nada novo, mais tarde vou enviar para produção 🤝

Fiz os ajustes que você sugeriu!

[aprendendofelipe]

Eu que agradeço, dei muito trabalho nesse code review kkk

Imagina, mais uma contribuição exemplar! 😍😍😍

Fiz os ajustes que você sugeriu!

Sensacional! 🎉🎉🎉

Não quer fazer o rebase para deixar pronto pro merge? 🚀🚀🚀

[aprendendofelipe]

Código rodando em produção 🚀🚀🚀