From b7b05d31a562e164232e60b45fb146f8c07b3bf8 Mon Sep 17 00:00:00 2001
From: fallenbagel <98979876+fallenbagel@users.noreply.github.com>
Date: Sat, 12 Apr 2025 01:08:01 +0800
Subject: [PATCH] Fix episode images url not allowed (#1580)

* fix: fix url parameter not allowed

* fix: use cached image for episode images

* refactor: remove console logs
---
 src/components/TvDetails/Season/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/TvDetails/Season/index.tsx b/src/components/TvDetails/Season/index.tsx
index 09b2b6398..6d929c469 100644
--- a/src/components/TvDetails/Season/index.tsx
+++ b/src/components/TvDetails/Season/index.tsx
@@ -1,8 +1,8 @@
 import AirDateBadge from '@app/components/AirDateBadge';
+import CachedImage from '@app/components/Common/CachedImage';
 import LoadingSpinner from '@app/components/Common/LoadingSpinner';
 import defineMessages from '@app/utils/defineMessages';
 import type { SeasonWithEpisodes } from '@server/models/Tv';
-import Image from 'next/image';
 import { useIntl } from 'react-intl';
 import useSWR from 'swr';
 
@@ -57,7 +57,8 @@ const Season = ({ seasonNumber, tvId }: SeasonProps) => {
                 </div>
                 {episode.stillPath && (
                   <div className="relative aspect-video xl:h-32">
-                    <Image
+                    <CachedImage
+                      type="tmdb"
                       className="rounded-lg object-contain"
                       src={`https://image.tmdb.org/t/p/original/${episode.stillPath}`}
                       alt=""