From 72cffd74a75984ba98c456c0ec006ec378a8dcec Mon Sep 17 00:00:00 2001 From: TheCatLady <52870424+TheCatLady@users.noreply.github.com> Date: Sun, 31 Jan 2021 22:12:06 -0500 Subject: [PATCH] feat(frontend): add TheTVDB external link (#800) --- src/assets/services/tvdb.svg | 1 + src/components/ExternalLinkBlock/index.tsx | 32 ++++++++++++++++------ src/components/MovieDetails/index.tsx | 1 + src/components/TvDetails/index.tsx | 1 + 4 files changed, 26 insertions(+), 9 deletions(-) create mode 100644 src/assets/services/tvdb.svg 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 }) => {