feat(header): add a publish new content button in the header

[victorhcb]

#1238

Vi essa issue aberta há um certo tempo e achei interessante tentar implementar algo nesse sentido.
Obs.: Ainda estou aprendendo como ajudar por aqui no projeto então peço desculpas se tiver feito algo errado.

[vercel]

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

A member of the Team first needs to authorize it.

[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	May 5, 2023 4:10am

[laviodias]

Oi, Victor.
Gostei da funcionalidade, então vou te sugerir de antemão que implemente uma versão responsiva. Da forma como está, o header quebra em telas menores. Também é preciso resolver o conflito existente entre as branches.
Também tenho um ponto que acho interessante de se considerar, mas não é uma sugestão, é apenas para você pensar sobre. Faz sentido manter a exibição do botão uma vez que o usuário já esteja na página de criar uma nova postagem?

Fico a disposição para discutir esse ponto, se quiser.

[aprendendofelipe]

Olá @victorhcb, obrigado pelo PR! 💪

Me perdoe a demora em responder 😅

Ficou meio grande esse botão, né? Não acha que ficaria melhor um botão pequeno no estilo do GitHub?

Talvez usar o IconButton 👍

Ótimos pontos @laviodias! 💪

Com relação a responsividade, com base nas conversas do #1279, eu acho que o botão vai precisar ficar oculto na versão mobile.

[victorhcb]

Show pessoal! Fiz algumas correções de acordo com o que foi passado...

Ficou meio grande esse botão, né? Não acha que ficaria melhor um botão pequeno no estilo do GitHub?

Sobre isso, realmente acho que não caberia um botão com texto... fiz a alteração para o ícone simples, vejam o que acham...

Com relação a responsividade, com base nas conversas do #1279, eu acho que o botão vai precisar ficar oculto na versão mobile.

Em relação a responsividade, fiz alguns testes usando a dev tools aqui e não sei se a responsividade ficou prejudicada... acredito que o botão não tenha afetado tanto a responsividade. O único dispositivo no qual há um problema de responsividade pelo DevTools já apresenta problemas na versão atual do Header... será que não valeria a pena um PR corrigindo o Header para esse ponto específico?

Seguem algumas imagens:

Iphone 12 PRO

Galaxy S20

Oi, Victor. Gostei da funcionalidade, então vou te sugerir de antemão que implemente uma versão responsiva. Da forma como está, o header quebra em telas menores. Também é preciso resolver o conflito existente entre as branches. Também tenho um ponto que acho interessante de se considerar, mas não é uma sugestão, é apenas para você pensar sobre. Faz sentido manter a exibição do botão uma vez que o usuário já esteja na página de criar uma nova postagem?

Sobre o ponto de manter o botão mesmo na página de publicação, fiquei na dúvida se deveria mesmo alterar nesse PR já que o botão também permanece no ActionMenu já existente... o que vocês pensam em relação a isso?

[aprendendofelipe]

Show @victorhcb! 💪

Sobre remover o ícone quando estiver na página de publicação, eu não acho necessário. 👍

Sobre o restante, por favor, veja meus comentários no código 🤝

[aprendendofelipe]

Em produção! 🚀🚀🚀

@victorhcb, bem vindo à Turma de contribuidores do TabNews! 👏👏👏

[victorhcb]

Aaaaah que massaaa!!!!
Estou muito feliz de começar a contribuir por aqui... e a ideia é tentar fazer cada vez mais contribuições pois agora estou tentando começar a pegar o jeito hahaha
Inclusive... me desculpe pelos probleminhas bestas de implementação... espero ter mais ajudado mais do que atrapalhado hahahaah Inclusive... Sinto que acabei fazendo uma bagunça nos commits iniciais... isso não seria prejudicial?

vlwww por toda a ajuda :D

[fabiosvm]

Bacana!

[aprendendofelipe]

@victorhcb você foi citado no post comemorativo:

https://www.tabnews.com.br/FelipeBarso/tabnews-novo-ranqueamento-otimizacoes-e-mais 🎉