Merge branch 'master' into active_did_redux

src/components/HiddenDidDialog.vue

@@ -74,7 +74,7 @@
             If you'd like an introduction,
             <a
               class="text-blue-500"
-              @click="copyToClipboard('A link to this page', deepLinkUrl)"
+              @click="copyTextToClipboard('A link to this page', deepLinkUrl)"
               >click here to copy this page, paste it into a message, and ask if
               they'll tell you more about the {{ roleName }}.</a
             >
@@ -110,7 +110,7 @@
  * @since 2024-12-19
  */
 import { Component, Vue } from "vue-facing-decorator";
-import { useClipboard } from "@vueuse/core";
+import { copyToClipboard } from "../services/ClipboardService";
 import * as R from "ramda";
 import * as serverUtil from "../libs/endorserServer";
 import { Contact } from "../db/tables/contacts";
@@ -197,19 +197,24 @@ export default class HiddenDidDialog extends Vue {
     );
   }
 
-  copyToClipboard(name: string, text: string) {
-    useClipboard()
-      .copy(text)
-      .then(() => {
-        this.notify.success(
-          NOTIFY_COPIED_TO_CLIPBOARD.message(name || "That"),
-          TIMEOUTS.SHORT,
-        );
-      });
+  async copyTextToClipboard(name: string, text: string) {
+    try {
+      await copyToClipboard(text);
+      this.notify.success(
+        NOTIFY_COPIED_TO_CLIPBOARD.message(name || "That"),
+        TIMEOUTS.SHORT,
+      );
+    } catch (error) {
+      this.$logAndConsole(
+        `Error copying ${name || "content"} to clipboard: ${error}`,
+        true,
+      );
+      this.notify.error(`Failed to copy ${name || "content"} to clipboard.`);
+    }
   }
 
   onClickShareClaim() {
-    this.copyToClipboard("A link to this page", this.deepLinkUrl);
+    this.copyTextToClipboard("A link to this page", this.deepLinkUrl);
     window.navigator.share({
       title: "Help Connect Me",
       text: "I'm trying to find the people who recorded this. Can you help me?",