From 2780b902e9dd60f6e916f9b1ee806c2a76386066 Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 28 Jan 2026 19:47:47 +0100
Subject: [PATCH] feat(tv): add favorite button to series detail page

---
 components/series/TVSeriesPage.tsx |  3 +++
 components/tv/TVFavoriteButton.tsx | 13 +++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/series/TVSeriesPage.tsx b/components/series/TVSeriesPage.tsx
index 72d26c44..ef16f0f6 100644
--- a/components/series/TVSeriesPage.tsx
+++ b/components/series/TVSeriesPage.tsx
@@ -29,6 +29,7 @@ import { getItemNavigation } from "@/components/common/TouchableItemRouter";
 import { seasonIndexAtom } from "@/components/series/SeasonPicker";
 import { TVEpisodeList } from "@/components/series/TVEpisodeList";
 import { TVSeriesHeader } from "@/components/series/TVSeriesHeader";
+import { TVFavoriteButton } from "@/components/tv/TVFavoriteButton";
 import { useScaledTVTypography } from "@/constants/TVTypography";
 import useRouter from "@/hooks/useAppRouter";
 import { useTVSeriesSeasonModal } from "@/hooks/useTVSeriesSeasonModal";
@@ -577,6 +578,8 @@ export const TVSeriesPage: React.FC<TVSeriesPageProps> = ({
                 </Text>
               </TVFocusableButton>
 
+              <TVFavoriteButton item={item} disabled={isSeasonModalVisible} />
+
               {seasons.length > 1 && (
                 <TVSeasonButton
                   seasonName={selectedSeasonName}
diff --git a/components/tv/TVFavoriteButton.tsx b/components/tv/TVFavoriteButton.tsx
index 6be3f977..330934e0 100644
--- a/components/tv/TVFavoriteButton.tsx
+++ b/components/tv/TVFavoriteButton.tsx
@@ -6,13 +6,22 @@ import { TVButton } from "./TVButton";
 
 export interface TVFavoriteButtonProps {
   item: BaseItemDto;
+  disabled?: boolean;
 }
 
-export const TVFavoriteButton: React.FC<TVFavoriteButtonProps> = ({ item }) => {
+export const TVFavoriteButton: React.FC<TVFavoriteButtonProps> = ({
+  item,
+  disabled,
+}) => {
   const { isFavorite, toggleFavorite } = useFavorite(item);
 
   return (
-    <TVButton onPress={toggleFavorite} variant='glass' square>
+    <TVButton
+      onPress={toggleFavorite}
+      variant='glass'
+      square
+      disabled={disabled}
+    >
       <Ionicons
         name={isFavorite ? "heart" : "heart-outline"}
         size={28}