🐛 fix: show the progress bar only in continue watching

README.md

@@ -43,7 +43,7 @@ Create a directory for OmniArr and add this `docker-compose.yml`:
 ```yaml
 services:
   omniarr:
-    image: wonderalice/omniarr:1.2.3
+    image: wonderalice/omniarr:1.2.4
     container_name: omniarr
     restart: unless-stopped
     ports:
@@ -90,11 +90,11 @@ the mount loses that state when the container is replaced.
 The current release is available as:
 
 ```text
-wonderalice/omniarr:1.2.3
+wonderalice/omniarr:1.2.4
 wonderalice/omniarr:latest
 ```
 
-Pin `1.2.3` in production for repeatable updates. Use `latest` only when you want
+Pin `1.2.4` in production for repeatable updates. Use `latest` only when you want
 Compose to follow the newest published image.
 
 ## Build locally

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   omniarr:
-    image: wonderalice/omniarr:1.2.3
+    image: wonderalice/omniarr:1.2.4
     # Para construir desde código fuente en su lugar, descomenta estas líneas:
     # build:
     #   context: .

server/lib/services.ts

@@ -4153,7 +4153,10 @@ function jellyfinToCard(
   const backdropItemId = item.ParentBackdropItemId || item.Id;
   const backdropTag = item.ParentBackdropImageTags?.[0] || item.BackdropImageTags?.[0] || posterTag;
   const progress = Math.round(item.UserData?.PlayedPercentage || 0);
-  const tmdbId = Number(item.ProviderIds?.Tmdb) || (item.SeriesId ? tmdbIdByItemId?.get(item.SeriesId) : undefined);
+  // An episode's own TMDb id is not its series' id, and artwork is looked up per series.
+  const tmdbId = item.Type === 'Episode'
+    ? (item.SeriesId ? tmdbIdByItemId?.get(item.SeriesId) : undefined)
+    : Number(item.ProviderIds?.Tmdb) || (item.SeriesId ? tmdbIdByItemId?.get(item.SeriesId) : undefined);
   const episodeCode = formatEpisodeCode(item.ParentIndexNumber, item.IndexNumber);
 
   return {

src/App.tsx

@@ -1786,7 +1786,7 @@ function MediaTile(props: {
           </div>
         ) : null}
         {props.card.hoverLabel && !continueEpisodeMeta ? <div className="media-hover-label">{props.card.hoverLabel}</div> : null}
-        {props.card.progress ? <div className="tile-progress"><div className="tile-progress-fill" style={{ width: `${props.card.progress}%` }} /></div> : null}
+        {props.isContinueWatching && props.card.progress ? <div className="tile-progress"><div className="tile-progress-fill" style={{ width: `${props.card.progress}%` }} /></div> : null}
       </button>
       {!props.isContinueWatching && (props.styleType === 'landscape' || props.styleType === 'poster') ? <WishlistHeart card={props.card} className="media-wishlist-button" /> : null}
     </article>