From fd1880d14760a4f72c827690d4ad08fb950d0d29 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Wed, 10 Jun 2026 13:55:56 +0100
Subject: [PATCH] wip: rework copy button

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../repo/fragments/copyFileButton.html        |  8 ++++----
 .../repo/fragments/copyFileScript.html        | 19 ++++++++++---------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/appview/pages/templates/repo/fragments/copyFileButton.html b/appview/pages/templates/repo/fragments/copyFileButton.html
index 830ed510..fc3581b0 100644
--- a/appview/pages/templates/repo/fragments/copyFileButton.html
+++ b/appview/pages/templates/repo/fragments/copyFileButton.html
@@ -1,9 +1,9 @@
 {{ define "repo/fragments/copyFileButton" }}
 <button type="button"
-    class="btn-flat gap-1.5"
+    class="btn-flat"
     onclick="copyRawFile(this, '{{ .Url }}')">
-    <span class="copy-check hidden">{{ i "check" "size-3.5" }}</span>
-    <span class="copy-label">copy to clipboard</span>
-    <span class="copy-spinner hidden">{{ i "loader-circle" "size-3.5 animate-spin" }}</span>
+    <span class="copy-icon">{{ i "copy" "size-4" }}</span>
+    <span class="copy-spinner hidden">{{ i "loader-circle" "size-4 animate-spin" }}</span>
+    <span class="copy-check hidden">{{ i "check" "size-4" }}</span>
 </button>
 {{ end }}
diff --git a/appview/pages/templates/repo/fragments/copyFileScript.html b/appview/pages/templates/repo/fragments/copyFileScript.html
index 17c298f8..7608b31c 100644
--- a/appview/pages/templates/repo/fragments/copyFileScript.html
+++ b/appview/pages/templates/repo/fragments/copyFileScript.html
@@ -1,11 +1,14 @@
 {{ define "repo/fragments/copyFileScript" }}
 <script>
 async function copyRawFile(btn, url) {
-    const label = btn.querySelector('.copy-label');
+    const icon = btn.querySelector('.copy-icon');
     const spinner = btn.querySelector('.copy-spinner');
-    label.textContent = 'copying';
+    const check = btn.querySelector('.copy-check');
+
+    icon.classList.add('hidden');
     spinner.classList.remove('hidden');
     btn.disabled = true;
+
     try {
         const res = await fetch(url);
         if (!res.ok) throw new Error();
@@ -20,18 +23,16 @@ async function copyRawFile(btn, url) {
             await navigator.clipboard.writeText(text);
         }
         spinner.classList.add('hidden');
-        label.textContent = 'copied';
-        btn.querySelector('.copy-check').classList.remove('hidden');
+        check.classList.remove('hidden');
         btn.disabled = false;
         setTimeout(() => {
-            label.textContent = 'copy to clipboard';
-            btn.querySelector('.copy-check').classList.add('hidden');
-        }, 2500);
+            check.classList.add('hidden');
+            icon.classList.remove('hidden');
+        }, 2000);
     } catch {
         spinner.classList.add('hidden');
-        label.textContent = 'error';
+        icon.classList.remove('hidden');
         btn.disabled = false;
-        setTimeout(() => { label.textContent = 'copy to clipboard'; }, 2500);
     }
 }
 </script>
-- 
2.51.2