Implementa página de Recentes

[filipedeschamps]

Este PR implementa a página de /recentes que é uma cópia da Home, mas que utiliza a estratégia de new para listar as publicações mais recentes (independente das tabcoins). O link para acessar esta página foi incluída no menu superior.

Em paralelo, fiz um ajuste no DefaultLayout para sempre incluir o prefixo · TabNews caso o título da página não seja o título padrão usado na Home. Fiz isso, pois as únicas páginas que estavam com o prefixo · TabNews eram as que abriam algum content. Agora, todas páginas possuem esse prefixo, menos a Home.

[vercel]

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

Name	Status	Preview	Updated
tabnews	✅ Ready (Inspect)	Visit Preview	Aug 7, 2022 at 6:05PM (UTC)

[coffeeispower]

Mas eu tambem questionaria ter uma rota separada só para isso. Porque da para passar uma query para a home e mudar a ordem.

[gabrielsozinho]

Em celulares com maior zoom isso pode ficar cortado:

imaginei uma alteração, só um conceito, não que deverá ficar exatamente assim, quero sua avaliação:

ou assim:

existe alguma forma que não altere a proposta inicial, mas mesmo assim resolva esse problema? Por exemplo, tirar o "TabNews" e deixar só a logo na versão mobile?

[filipedeschamps]

Mas eu tambem questionaria ter uma rota separada só para isso. Porque da para passar uma query para a home e mudar a ordem.

@coffee-is-power show! Você diz uma query string? Acredito que dá para resolver tudo com query strings, mas não sei se a URL fica limpa. Por exemplo, daria também para fazer a página do usuário com querystring, onde ao invés disso:

https://www.tabnews.com.br/coffeeispower

Ficaria:

https://www.tabnews.com.br/?username=coffeeispower

Eu não sei, fica estranho. Fora que infelizmente o Next.js não gera novas páginas estáticas para query strings. Cheguei a conversar com o suporte e eles falaram que o framework se comporta assim de forma intencional.

Mas independente disso, sugiro sempre fazer URLs públicas terem informações no path o máximo que pudermos.

[filipedeschamps]

Em celulares com maior zoom isso pode ficar cortado:

Sensacional @gabrielsozinho !! Obrigado por esse ponto e por todas as ideias! Uma sugestão se possível seria desenhar elas usando os componentes do React Primer.

De qualquer forma, no Draft da Milestone 5 tem um item chamado Reorganizar menu e considerar responsividade em Mobile onde a idéia por trás disso é justamente atacar o ponto que você atacou ali que é pensar o que fazer com esse menu, principalmente em Mobile.

Então para esse PR eu vou fazer o seguinte: em Mobile eu vou esconder o texto "TabNews" para deixar mais espaço. E daí quando a issue de refatorar o Menu vier, vemos uma forma final de como lidar com isso 🤝

[filipedeschamps]

Feito! Bora agora pensar o que fazer com o menu por completo 🤝

RPReplay_Final1659895954.MP4

[filipedeschamps]

Merged! Let's gooooo!!