From d2441ba86a384b801ea9db1a4a5b26940ca90f25 Mon Sep 17 00:00:00 2001
From: Tagaishi <Tagaishi@hotmail.ch>
Date: Mon, 13 Nov 2023 13:21:49 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Overseerr=20link=20in=20search?=
 =?UTF-8?q?=20not=20working=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/header/Search/MovieModal.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/header/Search/MovieModal.tsx b/src/components/layout/header/Search/MovieModal.tsx
index 2b043dd67..0855d26cf 100644
--- a/src/components/layout/header/Search/MovieModal.tsx
+++ b/src/components/layout/header/Search/MovieModal.tsx
@@ -2,7 +2,6 @@ import {
   Button,
   Card,
   Center,
-  Divider,
   Grid,
   Group,
   Loader,
@@ -134,8 +133,11 @@ const MovieDisplay = ({ movie, type }: MovieDisplayProps) => {
 
   const service = config.apps.find((service) => service.integration.type === type);
   const mediaUrl = movie.mediaInfo?.plexUrl ?? movie.mediaInfo?.mediaUrl;
-  const serviceUrl = service?.behaviour.externalUrl ? service.behaviour.externalUrl : service?.url;
-  const externalUrl = movie.mediaInfo?.serviceUrl;
+  const serviceUrl = service?.behaviour.externalUrl ?? service?.url;
+  const externalUrl = new URL(
+    `${movie.mediaType}/${movie.id}`,
+    serviceUrl ?? 'https://www.themoviedb.org'
+  );
 
   return (
     <Card withBorder>
@@ -192,16 +194,16 @@ const MovieDisplay = ({ movie, type }: MovieDisplayProps) => {
                 {t('buttons.play')}
               </Button>
             )}
-            {serviceUrl && (
+            {externalUrl && (
               <Button
                 component="a"
                 target="_blank"
-                href={externalUrl}
+                href={externalUrl.href}
                 variant="outline"
                 size="sm"
                 rightIcon={<IconExternalLink size={15} />}
               >
-                {type === 'jellyseerr' ? 'Jellyfin' : 'Overseerr'}
+                {serviceUrl ? (type === 'jellyseerr' ? 'Jellyfin' : 'Overseerr') : 'TMDB'}
               </Button>
             )}
           </Group>