Remove library item listener from edit episode modal

client/components/modals/podcast/EditEpisode.vue

@@ -48,7 +48,7 @@ export default {
     show: {
       handler(newVal) {
         if (newVal) {
-          const availableTabIds = this.tabs.map((tab) => tab.id);
+          const availableTabIds = this.tabs.map((tab) => tab.id)
           if (!availableTabIds.length) {
             this.show = false
             return
@@ -94,11 +94,10 @@ export default {
       return this.episode.id
     },
     title() {
-      if (!this.libraryItem) return ''
+      return this.libraryItem?.media.metadata.title || 'Unknown'
-      return this.libraryItem.media.metadata.title || 'Unknown'
     },
     tabComponentName() {
-      const _tab = this.tabs.find((t) => t.id === this.selectedTab);
+      const _tab = this.tabs.find((t) => t.id === this.selectedTab)
       return _tab ? _tab.component : ''
     },
     episodeTableEpisodeIds() {
@@ -118,19 +117,17 @@ export default {
   methods: {
     async goPrevEpisode() {
       if (this.currentEpisodeIndex - 1 < 0) return
-      const prevEpisodeId = this.episodeTableEpisodeIds[this.currentEpisodeIndex - 1];
+      const prevEpisodeId = this.episodeTableEpisodeIds[this.currentEpisodeIndex - 1]
       this.processing = true
       const prevEpisode = await this.$axios.$get(`/api/podcasts/${this.libraryItem.id}/episode/${prevEpisodeId}`).catch((error) => {
-        const errorMsg = error.response && error.response.data ? error.response.data : 'Failed to fetch episode';
+        const errorMsg = error.response && error.response.data ? error.response.data : 'Failed to fetch episode'
         this.$toast.error(errorMsg)
         return null
-      });
+      })
       this.processing = false
       if (prevEpisode) {
-        this.unregisterListeners()
         this.episodeItem = prevEpisode
         this.$store.commit('globals/setSelectedEpisode', prevEpisode)
-        this.$nextTick(this.registerListeners)
       } else {
         console.error('Episode not found', prevEpisodeId)
       }
@@ -138,18 +135,16 @@ export default {
     async goNextEpisode() {
       if (this.currentEpisodeIndex >= this.episodeTableEpisodeIds.length - 1) return
       this.processing = true
-      const nextEpisodeId = this.episodeTableEpisodeIds[this.currentEpisodeIndex + 1];
+      const nextEpisodeId = this.episodeTableEpisodeIds[this.currentEpisodeIndex + 1]
       const nextEpisode = await this.$axios.$get(`/api/podcasts/${this.libraryItem.id}/episode/${nextEpisodeId}`).catch((error) => {
-        const errorMsg = error.response && error.response.data ? error.response.data : 'Failed to fetch book';
+        const errorMsg = error.response && error.response.data ? error.response.data : 'Failed to fetch book'
         this.$toast.error(errorMsg)
         return null
-      });
+      })
       this.processing = false
       if (nextEpisode) {
-        this.unregisterListeners()
         this.episodeItem = nextEpisode
         this.$store.commit('globals/setSelectedEpisode', nextEpisode)
-        this.$nextTick(this.registerListeners)
       } else {
         console.error('Episode not found', nextEpisodeId)
       }
@@ -161,9 +156,6 @@ export default {
         this.processing = false
       }
     },
-    libraryItemUpdated(expandedLibraryItem) {
-      this.libraryItem = expandedLibraryItem
-    },
     init() {
       this.fetchFull()
     },
@@ -187,11 +179,9 @@ export default {
     },
     registerListeners() {
       this.$eventBus.$on('modal-hotkey', this.hotkey)
-      this.$eventBus.$on(`${this.selectedLibraryItemId}_updated`, this.libraryItemUpdated)
     },
     unregisterListeners() {
       this.$eventBus.$off('modal-hotkey', this.hotkey)
-      this.$eventBus.$off(`${this.selectedLibraryItemId}_updated`, this.libraryItemUpdated)
     }
   },
   mounted() {},

client/components/modals/podcast/tabs/EpisodeDetails.vue

@@ -148,15 +148,12 @@ export default {
     },
     async updateDetails(updatedDetails) {
       this.isProcessing = true
-      const updateResult = await this.$axios
+      const updateResult = await this.$axios.$patch(`/api/podcasts/${this.libraryItem.id}/episode/${this.episodeId}`, updatedDetails).catch((error) => {
-          .$patch(`/api/podcasts/${this.libraryItem.id}/episode/${this.episodeId}`, updatedDetails)
+        console.error('Failed update episode', error)
-          .catch((error) => {
+        this.isProcessing = false
-            const errorMsg = error.response && error.response.data ? error.response.data : 'Failed to update episode';
+        this.$toast.error(error?.response?.data || 'Failed to update episode')
-            console.error('Failed update episode', error)
+        return false
-            this.isProcessing = false
+      })
-            this.$toast.error(errorMsg)
-            return false
-          });
 
       this.isProcessing = false
       if (updateResult) {

client/components/ui/RichTextEditor.vue

@@ -68,8 +68,6 @@ export default {
     }
   },
   mounted() {},
-  beforeDestroy() {
+  beforeDestroy() {}
-    console.log('Before destroy')
-  }
 }
 </script>

server/controllers/PodcastController.js

@@ -227,13 +227,13 @@ class PodcastController {
 
   // GET: api/podcasts/:id/episode/:episodeId
   async getEpisode(req, res) {
-    const episodeId = req.params.episodeId;
+    const episodeId = req.params.episodeId
-    const libraryItem = req.libraryItem;
+    const libraryItem = req.libraryItem
 
-    const episode = libraryItem.media.episodes.find(ep => ep.id === episodeId);
+    const episode = libraryItem.media.episodes.find(ep => ep.id === episodeId)
     if (!episode) {
-        Logger.error(`[PodcastController] getEpisode episode ${episodeId} not found for item ${libraryItem.id}`)
+      Logger.error(`[PodcastController] getEpisode episode ${episodeId} not found for item ${libraryItem.id}`)
-        return res.sendStatus(404)
+      return res.sendStatus(404)
     }
 
     res.json(episode)