diff --git a/frontend/src/pages/VODs.jsx b/frontend/src/pages/VODs.jsx index 1c5e8484..f7d1992f 100644 --- a/frontend/src/pages/VODs.jsx +++ b/frontend/src/pages/VODs.jsx @@ -28,6 +28,9 @@ import useVODStore from '../store/useVODStore'; import useVideoStore from '../store/useVideoStore'; import useSettingsStore from '../store/settings'; +const imdbUrl = (imdb_id) => imdb_id ? `https://www.imdb.com/title/${imdb_id}` : ''; +const tmdbUrl = (tmdb_id, type = 'movie') => tmdb_id ? `https://www.themoviedb.org/${type}/${tmdb_id}` : ''; + const VODCard = ({ vod, onClick }) => { const isEpisode = vod.type === 'episode'; @@ -199,6 +202,12 @@ const SeriesCard = ({ series, onClick }) => { {series.year} )} + {series.rating && ( + + + {series.rating} + + )} {series.genre && ( @@ -444,6 +453,31 @@ const SeriesModal = ({ series, opened, onClose }) => { {displaySeries.episode_count && ( {displaySeries.episode_count} episodes )} + {/* imdb_id and tmdb_id badges */} + {displaySeries.imdb_id && ( + + IMDb + + )} + {displaySeries.tmdb_id && ( + + TMDb + + )} {/* Release date */} @@ -465,9 +499,9 @@ const SeriesModal = ({ series, opened, onClose }) => { )} - {displaySeries.actors && ( + {displaySeries.cast && ( - Cast: {displaySeries.actors} + Cast: {displaySeries.cast} )} @@ -926,6 +960,31 @@ const VODModal = ({ vod, opened, onClose }) => { {displayVOD.rating && {displayVOD.rating}} {displayVOD.age && {displayVOD.age}} Movie + {/* imdb_id and tmdb_id badges */} + {displayVOD.imdb_id && ( + + IMDb + + )} + {displayVOD.tmdb_id && ( + + TMDb + + )} {/* Release date */} diff --git a/frontend/src/store/useVODStore.jsx b/frontend/src/store/useVODStore.jsx index d6862245..18774a54 100644 --- a/frontend/src/store/useVODStore.jsx +++ b/frontend/src/store/useVODStore.jsx @@ -273,16 +273,17 @@ const useVODStore = create((set, get) => ({ const seriesInfo = { id: response.id || seriesId, name: response.name || '', - description: response.description || response.plot || '', + description: response.description || response.custom_properties?.plot || '', year: response.year || null, genre: response.genre || '', rating: response.rating || '', logo: response.cover || null, type: 'series', - director: response.director || '', - actors: response.actors || response.cast || '', + director: response.custom_properties?.director || '', + cast: response.custom_properties?.cast || '', country: response.country || '', tmdb_id: response.tmdb_id || '', + imdb_id: response.imdb_id || '', episode_count: response.episode_count || 0, // Additional provider fields backdrop_path: response.custom_properties?.backdrop_path || [],