added execComand fallback

moira-alert · Sep 12, 2024 · 33d4abb · 33d4abb
1 parent 164097d
commit 33d4abb
Showing 1 changed file with 28 additions and 8 deletions.
diff --git a/src/Components/TriggerEditForm/Components/CopyButton.tsx b/src/Components/TriggerEditForm/Components/CopyButton.tsx
@@ -7,14 +7,34 @@ interface IProps {
     className?: string;
 }
 
-const copy = async (text: string) => {
-    if (!navigator?.clipboard) {
-        return;
-    }
-    try {
-        await navigator.clipboard.writeText(text);
-    } catch (error) {
-        console.log(error);
+const copy = (text: string) => {
+    if (navigator.clipboard) {
+        // If clipboard api is supported
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+                console.log("Text copied to clipboard");
+            })
+            .catch((err) => {
+                console.error("Failed to copy text", err);
+            });
+    } else {
+        // Fallback on execCommand
+        const textarea = Object.assign(document.createElement("textarea"), {
+            value: text,
+            style: { position: "absolute", left: "-9999px" },
+        });
+        document.body.appendChild(textarea);
+        textarea.select();
+
+        try {
+            document.execCommand("copy");
+            console.log("Text copied to clipboard");
+        } catch (err) {
+            console.error("Failed to copy text", err);
+        }
+
+        document.body.removeChild(textarea);
     }
 };