Facilitar a cópia de âncoras para títulos de conteúdos about tabnews.com.br HOT 4 OPEN

Tava estudando como fazer plugin para o @bytemd/react e acabei fazendo o sistema de copiar a ancora, reaproveitei boa parte do codigo do copy-code-to-clipboard.js e ficou desta forma:

from tabnews.com.br.

acabei fazendo o sistema de copiar a ancora

Para facilitar a utilização em dispositivos móveis, é melhor usar o navigator.share. O ícone utilizado também é mais coerente com "compartilhamento" do que com a ação de "copiar".

E o posicionamento do ícone alinhado na direita não ajuda tanto no entendimento da funcionalidade. Acho que fica melhor deixar junto ao título. Pode até ser na direita, mas logo após o texto.

Faz sentido?

from tabnews.com.br.

Fez sim, vou fazer as alterações e coloco aqui novamente.

from tabnews.com.br.

@aprendendofelipe Coloquei um gap de 20px e adicionei o navigator.share.

Title: Tabnews
Text: Coloquei o titulo do post
url: ${window.location.href.split('#')[0]}#${anchor.id} fiz desta forma, coloquei um split para se caso a pessoa usar o dialog de ir para algum tópico fica com o # na url e para não ter dois # fiz desta forma

from tabnews.com.br.