add copy button (#200)

cashubtc · Aug 10, 2024 · 73dac78 · 73dac78
1 parent 2ab3821
commit 73dac78
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/src/components/MintDetailsDialog.vue b/src/components/MintDetailsDialog.vue
@@ -117,7 +117,14 @@
                   <span v-else class="text-weight-bold q-mr-xs">
                     {{ contactMethods[contactInfo.method] }}
                   </span>
-                  {{ contactInfo.info }}
+                  {{ shortenText(contactInfo.info, 30) }}
+                  <q-icon
+                    name="content_copy"
+                    @click="copyText(contactInfo.info)"
+                    size="1em"
+                    color="grey"
+                    class="q-mr-xs cursor-pointer"
+                  />
                 </q-item-label>
               </div>
             </div>
@@ -164,6 +171,13 @@ export default defineComponent({
     ...mapState(useMintsStore, ["showMintInfoData"]),
     ...mapWritableState(useMintsStore, ["showMintInfoDialog"]),
   },
-  methods: {},
+  methods: {
+    shortenText: function (text, maxLength) {
+      if (text.length > maxLength) {
+        return text.substring(0, maxLength) + "...";
+      }
+      return text;
+    },
+  },
 });
 </script>