frontend icon indicating copy to clipboard operation
frontend copied to clipboard

[SUGESTÃO DE MELHORIA] Adicionar um tooltip no botão de refresh

Open devgl96 opened this issue 9 months ago • 7 comments

Descrição

Relacionado com o botão de atualização dos abrigos.

Problema encontrado

Percebi que o botão de atualizar as informações, não tinha qualquer informação.

Prioridade

Baixa

Solução proposta

Criei um tooltip usando apenas o TailwindCSS. Link da PR: https://github.com/SOS-RS/frontend/pull/209

Ambiente

Navegador Brave

Evidência

Solução: image

devgl96 avatar May 16 '24 19:05 devgl96

Acho que seria uma boa adição, quando entrei pela primeira vez tambem fiquei na dúvida do que esse botão poderia representar. Foi bastante fácil perceber que era para atualizar as informações mas para quem não está dentro da área pode não perceber. O shadcn-ui (que já está integrado no projeto) contem um componente Tooltip já pronto que é bastante eficaz, caso aprovem a sugestão recomendava que esse componente fosse usado.

MarioPonte avatar May 16 '24 21:05 MarioPonte

Implementei uma solução usando apenas o TailwindCSS para evitar imports de bibliotecas. Você pode ver nessa PR: https://github.com/SOS-RS/frontend/pull/209

devgl96 avatar May 17 '24 13:05 devgl96

Sim não deixa de ser uma solução, mas a biblioteca já está importada no projeto pelo o que vi na documentação do frontend e está lá no ficheiro package.json, assim sendo só é preciso colocar o componente no código.

MarioPonte avatar May 17 '24 14:05 MarioPonte

Entendi @MarioPonte ! Eu fiz usando o componente do shadcn-ui, mas por conta que era uma importação a mais, eu pensei na renderização e no tamanho do arquivo, por isso, evitei de usar.

Mas se for o certo, eu desenvolvo uma nova solução usando o shadcn-ui.

devgl96 avatar May 17 '24 18:05 devgl96

Seria uma implementação bacana, quando eu dei um refresh, não tive certeza que fez o refresh na página, da pra usar o Shadcn pra usar esse tooltip, como vi eles já estão usando ele

artur-debv avatar May 18 '24 22:05 artur-debv

Entendido@MarioPonte! Eu fiz usando o componente do shadcn-ui , mas por conta que era uma importação a mais, eu pensei na renderização e no tamanho do arquivo, por isso, evitei de usar.

Mas se for certo, desenvolvo uma nova solução usando o shadcn-ui .

Eu vi o evento que é adicionado, eu curti o evento quando clica no botão de refresh , aquele opacity ajuda demais, se quiser adicionar um tooltip do shadcn também seria uma mehoria eficiente

artur-debv avatar May 18 '24 22:05 artur-debv

Precisamos de 2 reviews de código aqui @SOS-RS/backenders

rhuam avatar May 23 '24 20:05 rhuam