Merge pull request #7539 from newraina/recurring-payment-link

kodadot · Oct 9, 2023 · 6f48e0a · 6f48e0a
2 parents 7124d6b + d6f56f1
commit 6f48e0a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/components/transfer/Transfer.vue b/components/transfer/Transfer.vue
@@ -45,7 +45,7 @@
  </NeoDropdownItem>
 
  <NeoDropdownItem
- v-clipboard:copy="generateRecurringPaymentLink()"
+ v-clipboard:copy="recurringPaymentLink"
  class="no-wrap"
  data-testid="transfer-dropdown-recurring"
  @click="toast($t('toast.urlCopy'))">
@@ -833,13 +833,13 @@ const onTxError = async (dispatchError: DispatchError): Promise<void> => {
  isLoading.value = false
 }
 
-const generateRecurringPaymentLink = () => {
+const recurringPaymentLink = computed(() => {
  const addressList = targetAddresses.value
  .filter((item) => isAddress(item.address) && !item.isInvalid)
  .map((item) => item.address)
 
  return generatePaymentLink(addressList)
-}
+})
 
 const generatePaymentLink = (addressList: string[]): string => {
  const url = new URL(`${location.origin}${location.pathname}`)

diff --git a/plugins/vueClipboard.ts b/plugins/vueClipboard.ts
@@ -3,14 +3,22 @@ export default defineNuxtPlugin((nuxtApp) => {
 
  nuxtApp.vueApp.directive('clipboard', {
  beforeMount(el, { value, arg }) {
+ el.dataset._clipboard_value = value
  useEventListener(el, 'click', () => {
  switch (arg) {
  case 'copy':
- copy(value)
+ copy(el.dataset._clipboard_value)
  break
  }
  })
  },
+ updated(el, { value, arg }) {
+ switch (arg) {
+ case 'copy':
+ el.dataset._clipboard_value = value
+ break
+ }
+ },
  })
 
  return {