Executando verificação de segurança...
18

[TabNews] Mais 6 novas melhorias implementadas 🎉

Mais algumas melhorias foram implementadas desde a minha última publicação:

1) Mudança na posição do tooltip do horário

Foi alterada a posição do tooltip do horário porque em alguns casos ele saía para além da janela visível, o que causava o aparecimento da barra de rolagem horizontal na lista de conteúdos.

Antes

tooltip n

Depois

tooltip nw

Esse comportamento foi notado e solucionado por @edersonlucas e os detalhes podem ser vistos no PR #1298.

2) Corrigir divergências de horário no tooltip dos conteúdos

Correção de mensagens de erro ocorrendo em modo de desenvolvimento causadas por diferenças no horário entre client e server no tooltip de conteúdos. Também foi corrigido o horário que aparece quando a página de conteúdos é acessada diretamente pelo seu endereço.

O @ErickCReis corrigiu a diferença de formatação causada entre node e browser, que mostrava ou não às entre a data e a hora.

E juntos corrigimos a diferença causada pelo fuso do server e do client, que no caso de quem está no fuso de Brasília ficava mostrando que a publicação tinha ocorrido 3 horas mais tarde do que o real, pois estava em UTC.

tooltip horário

Mais detalhes podem ser conferidos na issue #1309.

3) Recuperação de senha apenas por email

Qualquer usuário pode solicitar um token de recuperação de senha submetendo seu endereço de e-mail no formulário de recuperação de senha.

Mas até então, os usuários também poderiam solicitar o token inserindo um usuário qualquer no formulário.

Isso não representava nenhuma violação de segurança, pois o token seria enviado para o e-mail de cadastro, mas para evitar qualquer possível mau uso dessa funcionalidade, agora apenas os moderadores podem gerar tokens de recuperação para outros usuários (apenas com o username).

Os demais usuários ainda podem recuperar suas senhas sem ajuda de moderadores, bastando submeter seu e-mail no formulário de recuperação.

Essa melhoria foi implementada por @kaique-soares e mais detalhes podem ser conferidos na issue #1180.

4) Opção de mostrar a senha no formulário de login e de cadastro

Foi criado o componente PasswordInput com a opção de mostrar ou ocultar a senha.

Esse componente está sendo utilizado nas páginas de login e de cadastro.

image

A implementação foi iniciada por @nicolasteofilo e foi concluída por @edersonlucas.

Mais detalhes podem ser vistos na issue #1311.

5) Unifica variáveis de ambiente do banco de dados no arquivo .env

As variáveis necessárias para conexão com o banco de dados em modo de desenvolvimento eram repetidas em três locais, sendo duas vezes no arquivo .env e mais uma vez no seed-database.js.

Agora fica mais fácil desenvolver e realizar testes com diferentes bancos, pois basta modificar em um ponto centralizado no .env.

A alteração foi realizada por mim e os detalhes estão no PR #1235.

6) Refatorações

Alguns componentes possuem diversas oportunidades de melhorias, mesmo que sem mudanças no comportamento para os usuários, mas que facilitam as alterações futuras ou afetam a performance.

O @Caixetadev aproveitou para refatorar o TabCoinButtons e o @luiznasciment0 refatorou o Content.

Mais detalhes podem ser conferidos na issue #1308.

Conclusão

Turma, fazia tempo que o repositório não tinha a movimentação que teve na última semana e não param de surgir cada vez mais pessoas incríveis para colaborar. 🤩

Mas ainda temos muito trabalho pela frente e vai ser sucesso se cada um que tiver alguma sugestão de melhoria, mesmo que não possa desenvolver o código, busque lá no repositório se já não estamos tratando do assunto e participe revisando os PRs e debatendo as ideias nas issues. 💪

Carregando publicação patrocinada...
3

Estou dando watch no projeto e ver as interações entre o Felipe e a comunidade é uma das experiências mais reais de open source que está acontecendo entre pessoas que falam português. É algo imperdível para quem quer acompanhar como funciona esse tipo de coisa.

Parabéns a todos pelas implementações, ainda mais na que encostou numa issue da atual Milestone de segurança, muito massa!!!!!

2
1
3
1
1

Esta é uma comunidade maravilhosa. As pessoas estão realmente engajadas em ajudar e colaborar. Fico feliz por participar disto pelo menos sendo usuário ^^

1
0
1
1
1
1

A questão da senha me levantou novamente uma dúvida.

O ícone do olho, quando cortado devo mostrar a senha? Já vi sendo aplicado dos dois jeitos, qual a lógica do uso? O icone representa o estado atual da senha ou "clique aqui para ir para este estado"?

2

Esse problema acontece com qualquer funcionalidade que mostra o estado mudando um ícone: o ícone atual representa o estado atual ou estado futuro?

Quando vi esse PR, fui consultar alguns aplicativos de bancos que possuem esse "olho" para mostrar/esconder os valores financeiros. Abri dois (acho que XP e Nubank) e percebi que não tratam isso da mesma forma.

O ideal é ter alguma forma auxiliar de descobrir o que o botão fará. No caso dessa funcionalidade, está com um tooltip, que apesar dos seus problemas de acessibilidade, é melhor do que nada.

Hover no ícone exibe um tooltip com a mensagem "Visualizar a senha"

1

Não existe um consenso sobre o uso então, mas boa a alternativa de usar um tooltip, vou colocar em meus projetos. Mas ainda prefiro que o ícone represente o estado atual, ou seja se o olho está riscado (quer dizer que não posso ver) então não mostra a senha.

1

Olá Selito, eu particularmente prefiro o inverso do que foi implementado, mas não acho que valeria a pena entrar nessa discussão durante a implementação, pois seria como discutir como se deve colocar o limão no espremedor.

Só como curiosidade, eu coloco como nessa imagem, mas não tenho nenhum problema com quem prefere o contrário:

espremedor de limão

1
1
1

Ótima observação, Selitto. Eu também acho um pouco estranho, mas é isso mesmo clique aqui para ir para este estado. Para você ter noção de quanto isso me deixou confuso ao abrir a primeira PR para essa funcionalidade eu havia invertido os ícones, mas depois de consultar alguns sites que tem essa funcionalidade, percebi que o padrão usado é clique aqui para ir para este estado.

Minhas referências foram as páginas de login da Rocketseat, Udemy e Trybe.

1
1
1
1
1