Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-01-23 02:35:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add IMDB and TMDB links to modal and fix cast not displaying.

Browse source
This commit is contained in:
SergeantPanda 2025-08-05 21:04:49 -05:00
parent 8275e33223
commit 5e7987ce1a
2 changed files with 65 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

63
frontend/src/pages/VODs.jsx
View file

@ -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 }) => {
<Text size="xs" color="dimmed">{series.year}</Text>
</Group>
)}
{series.rating && (
<Group spacing={4}>
<Star size={14} color="#666" />
<Text size="xs" color="dimmed">{series.rating}</Text>
</Group>
)}
</Group>
{series.genre && (
@ -444,6 +453,31 @@ const SeriesModal = ({ series, opened, onClose }) => {
{displaySeries.episode_count && (
<Badge color="gray">{displaySeries.episode_count} episodes</Badge>
)}
{/* imdb_id and tmdb_id badges */}
{displaySeries.imdb_id && (
<Badge
color="yellow"
component="a"
href={imdbUrl(displaySeries.imdb_id)}
target="_blank"
rel="noopener noreferrer"
style={{ cursor: 'pointer' }}
>
IMDb
</Badge>
)}
{displaySeries.tmdb_id && (
<Badge
color="cyan"
component="a"
href={tmdbUrl(displaySeries.tmdb_id, 'tv')}
target="_blank"
rel="noopener noreferrer"
style={{ cursor: 'pointer' }}
>
TMDb
</Badge>
)}
</Group>
{/* Release date */}
@ -465,9 +499,9 @@ const SeriesModal = ({ series, opened, onClose }) => {
</Text>
)}
{displaySeries.actors && (
{displaySeries.cast && (
<Text size="sm" color="dimmed">
<strong>Cast:</strong> {displaySeries.actors}
<strong>Cast:</strong> {displaySeries.cast}
</Text>
)}
@ -926,6 +960,31 @@ const VODModal = ({ vod, opened, onClose }) => {
{displayVOD.rating && <Badge color="yellow">{displayVOD.rating}</Badge>}
{displayVOD.age && <Badge color="orange">{displayVOD.age}</Badge>}
<Badge color="green">Movie</Badge>
{/* imdb_id and tmdb_id badges */}
{displayVOD.imdb_id && (
<Badge
color="yellow"
component="a"
href={imdbUrl(displayVOD.imdb_id)}
target="_blank"
rel="noopener noreferrer"
style={{ cursor: 'pointer' }}
>
IMDb
</Badge>
)}
{displayVOD.tmdb_id && (
<Badge
color="cyan"
component="a"
href={tmdbUrl(displayVOD.tmdb_id, 'movie')}
target="_blank"
rel="noopener noreferrer"
style={{ cursor: 'pointer' }}
>
TMDb
</Badge>
)}
</Group>
{/* Release date */}

7
frontend/src/store/useVODStore.jsx
View file

@ -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 || [],