From c91c17ae66b8193880a91473103bee68a98b9063 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Thu, 15 Aug 2024 16:25:11 +0200
Subject: [PATCH] fix: :bug: fix opacity

---
 src/components/Atoms/AppContent.vue    |  2 +-
 src/components/Atoms/AppNavigation.vue |  2 +-
 src/components/Feed/Episodes.vue       | 10 +++++-----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Atoms/AppContent.vue b/src/components/Atoms/AppContent.vue
index de53151..bc41b35 100644
--- a/src/components/Atoms/AppContent.vue
+++ b/src/components/Atoms/AppContent.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcAppContent :class="episode ? 'padding' : ''">
+	<NcAppContent :class="{ padding: episode }">
 		<slot />
 	</NcAppContent>
 </template>
diff --git a/src/components/Atoms/AppNavigation.vue b/src/components/Atoms/AppNavigation.vue
index b58d455..5aba5c7 100644
--- a/src/components/Atoms/AppNavigation.vue
+++ b/src/components/Atoms/AppNavigation.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcAppNavigation :class="episode ? 'padding' : ''">
+	<NcAppNavigation :class="{ padding: episode }">
 		<slot />
 		<template #list>
 			<slot name="list" />
diff --git a/src/components/Feed/Episodes.vue b/src/components/Feed/Episodes.vue
index 4c309e5..b9588cb 100644
--- a/src/components/Feed/Episodes.vue
+++ b/src/components/Feed/Episodes.vue
@@ -6,11 +6,11 @@
 				v-for="episode in filteredEpisodes"
 				:key="episode.guid"
 				:active="isCurrentEpisode(episode)"
-				:class="hasEnded(episode) ? 'ended' : ''"
 				:details="formatLocaleDate(new Date(episode.pubDate?.date))"
 				:force-display-actions="true"
 				:href="$route.href"
 				:name="episode.name"
+				:style="{ opacity: hasEnded(episode) ? 0.4 : 1 }"
 				target="_self"
 				:title="episode.description"
 				@click="modalEpisode = episode">
@@ -230,6 +230,7 @@ export default {
 		isListening(episode) {
 			return (
 				episode.action &&
+				episode.action.action &&
 				episode.action.action.toLowerCase() === 'play' &&
 				!this.hasEnded(episode)
 			)
@@ -252,6 +253,9 @@ export default {
 					[episode.action],
 				)
 				this.updateList(episode)
+				if (read && this.episode && episode.url === this.episode.url) {
+					this.load(null)
+				}
 			} catch (e) {
 				console.error(e)
 				showError(t('repod', 'Could not change the status of the episode'))
@@ -269,10 +273,6 @@ export default {
 </script>
 
 <style scoped>
-.ended {
-	opacity: 0.4;
-}
-
 .progress {
 	margin-top: 0.4rem;
 }