From a583b42d68864c7280d6667706a7902b9b4e9fd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Marseault?=
 <22910497+Larsluph@users.noreply.github.com>
Date: Wed, 15 Mar 2023 15:14:58 +0100
Subject: [PATCH] perf: add refresh icon to RSS feeds (#709)

---
 src/components/Settings/Tabs/Rss/Feeds.vue | 23 ++++++++++++++++++----
 src/services/qbit.ts                       |  6 ++++++
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/Tabs/Rss/Feeds.vue b/src/components/Settings/Tabs/Rss/Feeds.vue
index f677b23d..10f23c2a 100644
--- a/src/components/Settings/Tabs/Rss/Feeds.vue
+++ b/src/components/Settings/Tabs/Rss/Feeds.vue
@@ -8,12 +8,17 @@
             <v-list-item-content>
               <v-list-item-title v-text="item.name" />
             </v-list-item-content>
-            <v-list-item-action>
+            <v-list-item-action class="icon">
+              <v-icon @click="updateFeed(item)">
+                {{ mdiSync }}
+              </v-icon>
+            </v-list-item-action>
+            <v-list-item-action class="icon">
               <v-icon @click="editFeed(item)">
                 {{ mdiPencil }}
               </v-icon>
             </v-list-item-action>
-            <v-list-item-action>
+            <v-list-item-action class="icon">
               <v-icon color="red" @click="deleteFeed(item)">
                 {{ mdiDelete }}
               </v-icon>
@@ -34,7 +39,7 @@
 <script lang="ts">
 import { mapGetters } from 'vuex'
 import qbit from '@/services/qbit'
-import { mdiDelete, mdiPencil } from '@mdi/js'
+import { mdiDelete, mdiPencil, mdiSync } from '@mdi/js'
 
 import { Tab, General, FullScreenModal } from '@/mixins'
 import { Feed } from '@/types/vuetorrent'
@@ -45,7 +50,8 @@ export default defineComponent({
   mixins: [Tab, General, FullScreenModal],
   data: () => ({
     mdiPencil,
-    mdiDelete
+    mdiDelete,
+    mdiSync
   }),
   computed: {
     ...mapGetters(['getFeeds']),
@@ -60,6 +66,9 @@ export default defineComponent({
     activeMethod() {
       this.$store.commit('FETCH_FEEDS')
     },
+    async updateFeed(item: Feed) {
+      await qbit.refreshFeed(item.name)
+    },
     editFeed(item: Feed) {
       this.createModal('FeedForm', { initialFeed: { url: item.url, name: item.name } })
     },
@@ -73,3 +82,9 @@ export default defineComponent({
   }
 })
 </script>
+
+<style scoped>
+.icon {
+  margin-left: 16px;
+}
+</style>
diff --git a/src/services/qbit.ts b/src/services/qbit.ts
index 6917e4f5..7ec9d138 100644
--- a/src/services/qbit.ts
+++ b/src/services/qbit.ts
@@ -210,6 +210,12 @@ export class QBitApi {
     })
   }
 
+  async refreshFeed(itemPath: string) {
+    await this.execute('rss/refreshItem', {
+      itemPath
+    })
+  }
+
   // Post
 
   async addTorrents(params: AddTorrentPayload, torrents: File[]): Promise<void> {