diff --git a/src/components/ExternalLinkBlock/index.tsx b/src/components/ExternalLinkBlock/index.tsx index 6edbea9d6..be37d3d03 100644 --- a/src/components/ExternalLinkBlock/index.tsx +++ b/src/components/ExternalLinkBlock/index.tsx @@ -1,10 +1,11 @@ -import React from 'react'; +import React, { useContext } from 'react'; +import { MediaType } from '../../../server/constants/media'; +import ImdbLogo from '../../assets/services/imdb.svg'; +import PlexLogo from '../../assets/services/plex.svg'; +import RTLogo from '../../assets/services/rt.svg'; 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'; +import { LanguageContext } from '../../context/LanguageContext'; interface ExternalLinkBlockProps { mediaType: 'movie' | 'tv'; @@ -23,6 +24,8 @@ const ExternalLinkBlock: React.FC = ({ rtUrl, plexUrl, }) => { + const { locale } = useContext(LanguageContext); + return (
{plexUrl && ( @@ -37,7 +40,7 @@ const ExternalLinkBlock: React.FC = ({ )} {tmdbId && (