From c3c846f82dd24e51c144f45e9c8e48aefcb690d8 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Tue, 21 Jan 2025 17:58:10 -0600
Subject: [PATCH] Update rss feed copy to clipboard to show checkmark instead
 of toast

---
 client/components/modals/rssfeed/OpenCloseModal.vue | 12 ++++++++----
 client/components/modals/rssfeed/ViewFeedModal.vue  | 12 ++++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/client/components/modals/rssfeed/OpenCloseModal.vue b/client/components/modals/rssfeed/OpenCloseModal.vue
index 4eff94013a..86dfeccf4b 100644
--- a/client/components/modals/rssfeed/OpenCloseModal.vue
+++ b/client/components/modals/rssfeed/OpenCloseModal.vue
@@ -12,7 +12,7 @@
         <div class="w-full relative">
           <ui-text-input :value="feedUrl" readonly />
 
-          <span class="material-symbols absolute right-2 bottom-2 p-0.5 text-base transition-transform duration-100 text-gray-300 hover:text-white transform hover:scale-125 cursor-pointer" @click="copyToClipboard(feedUrl)">content_copy</span>
+          <span class="material-symbols absolute right-2 bottom-2 p-0.5 text-base transition-transform duration-100 transform hover:scale-125 cursor-pointer" :class="copiedToClipboard ? 'text-success' : 'text-gray-300 hover:text-white'" @click="copyToClipboard(feedUrl)">{{ copiedToClipboard ? 'check' : 'content_copy' }}</span>
         </div>
 
         <div v-if="currentFeed.meta" class="mt-5">
@@ -68,7 +68,8 @@ export default {
         preventIndexing: true,
         ownerName: '',
         ownerEmail: ''
-      }
+      },
+      copiedToClipboard: false
     }
   },
   watch: {
@@ -160,8 +161,11 @@ export default {
           this.processing = false
         })
     },
-    copyToClipboard(str) {
-      this.$copyToClipboard(str, this)
+    async copyToClipboard(str) {
+      this.copiedToClipboard = await this.$copyToClipboard(str)
+      setTimeout(() => {
+        this.copiedToClipboard = false
+      }, 2000)
     },
     closeFeed() {
       this.processing = true
diff --git a/client/components/modals/rssfeed/ViewFeedModal.vue b/client/components/modals/rssfeed/ViewFeedModal.vue
index 704125179b..ac594ed7c5 100644
--- a/client/components/modals/rssfeed/ViewFeedModal.vue
+++ b/client/components/modals/rssfeed/ViewFeedModal.vue
@@ -6,7 +6,7 @@
 
         <div class="w-full relative">
           <ui-text-input :value="feedUrl" readonly />
-          <span class="material-symbols absolute right-2 bottom-2 p-0.5 text-base transition-transform duration-100 text-gray-300 hover:text-white transform hover:scale-125 cursor-pointer" @click="copyToClipboard(feedUrl)">content_copy</span>
+          <span class="material-symbols absolute right-2 bottom-2 p-0.5 text-base transition-transform duration-100 transform hover:scale-125 cursor-pointer" :class="copiedToClipboard ? 'text-success' : 'text-gray-300 hover:text-white'" @click="copyToClipboard(feedUrl)">{{ copiedToClipboard ? 'check' : 'content_copy' }}</span>
         </div>
 
         <div v-if="feed.meta" class="mt-5">
@@ -56,7 +56,8 @@ export default {
   },
   data() {
     return {
-      processing: false
+      processing: false,
+      copiedToClipboard: false
     }
   },
   computed: {
@@ -76,8 +77,11 @@ export default {
     }
   },
   methods: {
-    copyToClipboard(str) {
-      this.$copyToClipboard(str, this)
+    async copyToClipboard(str) {
+      this.copiedToClipboard = await this.$copyToClipboard(str)
+      setTimeout(() => {
+        this.copiedToClipboard = false
+      }, 2000)
     }
   },
   mounted() {}