rahuldkjain/github-profile-readme-generator

Enhancement: Add auto-revert and copied confirmation to Copy Markdown button

Aberta

#915 aberto em 9 de out. de 2025

Ver no GitHubGuia do colaborador
 (11 comentários) (0 reação) (0 responsável)TypeScript (8.392 forks)batch import
enhancementhacktoberfestv1-deprecated

Métricas do repositório

Stars
 (24.395 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

🧾 Issue Title

Copy Markdown button does not revert to original text after copying the markdown file.

🐞 Description

When using the Copy Markdown button after generating a README, the button text changes to “Copied” but does not revert back to its original state.
Additionally, there’s no visual confirmation (other than the button text) indicating that the markdown was successfully copied.

💡 Expected Behavior

  • After clicking Copy Markdown, the text should:
    1. Display a short success message — e.g., “Copied!” or a small tooltip/toast notification 💬
    2. Revert the button text back to “Copy Markdown” after 2 seconds 🔄

⚙️ Steps to Reproduce

  1. Generate a README using the generator.
  2. Click the Copy Markdown button.
  3. Observe that the button text stays as “Copied” and doesn’t revert.

🧠 Proposed Solution

Implement a small timeout and optional message display:

  • Temporarily set the button text to "Copied!".
  • Use setTimeout() to reset it after ~2 seconds.
  • Display a short “Copied to clipboard” message below.

Guia do colaborador

Direção de pesquisa
Adicione um tempo limite para reverter o texto do botão após 'Copied!' e opcionalmente exibir uma mensagem toast. Use setInterval ou setTimeout para o temporizador.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
85