From d49120ed0f1c828642a591b294c1faf22c3bccd3 Mon Sep 17 00:00:00 2001
From: Nikita Karamov <me@kytta.dev>
Date: Mon, 20 Mar 2023 19:04:27 +0100
Subject: [PATCH] Change icon for a second after copying

---
 src/shareon.css | 4 ++++
 src/shareon.js  | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/shareon.css b/src/shareon.css
index c56b23d..0a352ed 100644
--- a/src/shareon.css
+++ b/src/shareon.css
@@ -77,6 +77,10 @@
   background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E");
 }
 
+.shareon > .copy-url.done:before {
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
+}
+
 .shareon > .facebook {
   background-color: #1877f2;
 }
diff --git a/src/shareon.js b/src/shareon.js
index cb2d630..aede88e 100644
--- a/src/shareon.js
+++ b/src/shareon.js
@@ -58,6 +58,10 @@ const init = () => {
                 container.dataset.url ||
                 window.location.href;
               navigator.clipboard.writeText(url);
+              child.classList.add("done");
+              setTimeout(() => {
+                child.classList.remove("done");
+              }, 1000);
             });
           }