From 7fe413d720b6ddde7a4b4101fef2d3ac17252df8 Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Tue, 14 Jun 2022 17:26:41 +0200
Subject: [PATCH] Refactor to copy button script

---
 assets/js/app.js                                      | 4 ++--
 assets/js/{code-block-formatter.js => copy-button.js} | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)
 rename assets/js/{code-block-formatter.js => copy-button.js} (96%)

diff --git a/assets/js/app.js b/assets/js/app.js
index d088aae..7dcf9d9 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -1,10 +1,10 @@
 import clickableMaker from "./clickable-maker";
-import codeBlockFormatter from "./code-block-formatter";
+import copyButton from "./copy-button";
 import tabbed from "./tabbed";
 import _ from "./lunr";
 
 window.addEventListener('load', () => {
     clickableMaker();
-    codeBlockFormatter();
+    copyButton();
     tabbed();
 });
diff --git a/assets/js/code-block-formatter.js b/assets/js/copy-button.js
similarity index 96%
rename from assets/js/code-block-formatter.js
rename to assets/js/copy-button.js
index 9fe4740..2433e38 100644
--- a/assets/js/code-block-formatter.js
+++ b/assets/js/copy-button.js
@@ -2,6 +2,7 @@ export default function() {
     Array.from(document.querySelectorAll('[data-copy-button=true]')).forEach(e => {
         const copyButton = document.createElement('button');
         copyButton.classList.add('copy-button');
+        copyButton.title = "Click to copy";
 
         copyButton.addEventListener('click', () => {
             const addTemporaryClass = (className, time) => {