From 0230cd134eaf14696fed8148e73a83c8393e481e Mon Sep 17 00:00:00 2001
From: amy <exhqdev@proton.me>
Date: Wed, 18 Dec 2024 10:43:28 +0330
Subject: [PATCH] copy button

---
 src/App.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index c87d4ab..546ffea 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -67,9 +67,21 @@ function App() {
                 </div>
 
 
-                <div
-                    class="w-64 h-12 overflow-x-auto whitespace-nowrap border border-primaryLight text-primaryLight p-2">
-                    {message()}
+                <div class="flex items-center">
+                    <div
+                        class="w-64 h-12 overflow-x-auto whitespace-nowrap border border-primaryLight text-primaryLight p-2 flex items-center justify-between"
+                    >
+                        <span>{message()}</span>
+                    </div>
+                    <button
+                        class="ml-2 px-2 py-1 text-sm text-white bg-primaryLight rounded focus:outline-none"
+                        onClick={() => {
+                            navigator.clipboard.writeText(message());
+                            alert("Copied to clipboard!");
+                        }}
+                    >
+                        Copy
+                    </button>
                 </div>
                 <div class="fixed bottom-0 left-0 m-2 z-50">
                     <a class="text-primaryLight underline" href="https://ko-fi.com/amyarson">support me ♥</a>