diff --git a/src/assets/services/tvdb.svg b/src/assets/services/tvdb.svg new file mode 100644 index 000000000..f9369b4fe --- /dev/null +++ b/src/assets/services/tvdb.svg @@ -0,0 +1 @@ +image/svg+xml \ No newline at end of file diff --git a/src/components/ExternalLinkBlock/index.tsx b/src/components/ExternalLinkBlock/index.tsx index 22c2a3caf..680cf1ee1 100644 --- a/src/components/ExternalLinkBlock/index.tsx +++ b/src/components/ExternalLinkBlock/index.tsx @@ -1,30 +1,34 @@ import React from 'react'; import TmdbLogo from '../../assets/services/tmdb.svg'; +import TvdbLogo from '../../assets/services/tvdb.svg'; import ImdbLogo from '../../assets/services/imdb.svg'; import RTLogo from '../../assets/services/rt.svg'; import PlexLogo from '../../assets/services/plex.svg'; +import { MediaType } from '../../../server/constants/media'; interface ExternalLinkBlockProps { mediaType: 'movie' | 'tv'; - imdbId?: string; tmdbId?: number; + tvdbId?: number; + imdbId?: string; rtUrl?: string; plexUrl?: string; } const ExternalLinkBlock: React.FC = ({ - imdbId, - tmdbId, - rtUrl, mediaType, + tmdbId, + tvdbId, + imdbId, + rtUrl, plexUrl, }) => { return ( -
+
{plexUrl && ( @@ -34,17 +38,27 @@ const ExternalLinkBlock: React.FC = ({ {tmdbId && ( )} + {tvdbId && mediaType === MediaType.TV && ( + + + + )} {imdbId && ( @@ -54,7 +68,7 @@ const ExternalLinkBlock: React.FC = ({ {rtUrl && ( diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx index 997e730ed..afe92a85f 100644 --- a/src/components/MovieDetails/index.tsx +++ b/src/components/MovieDetails/index.tsx @@ -671,6 +671,7 @@ const MovieDetails: React.FC = ({ movie }) => { = ({ tv }) => {