From ae92692ea0320c384626b9561b26f73a4c449b1f Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Thu, 19 Dec 2024 14:18:37 +0100
Subject: [PATCH] fix: title props

---
 components/DownloadItem.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/DownloadItem.tsx b/components/DownloadItem.tsx
index 246eb2e3..bde17688 100644
--- a/components/DownloadItem.tsx
+++ b/components/DownloadItem.tsx
@@ -36,12 +36,16 @@ interface DownloadProps extends ViewProps {
   items: BaseItemDto[];
   MissingDownloadIconComponent: () => React.ReactElement;
   DownloadedIconComponent: () => React.ReactElement;
+  title?: string;
+  subtitle?: string;
 }
 
 export const DownloadItems: React.FC<DownloadProps> = ({
   items,
   MissingDownloadIconComponent,
   DownloadedIconComponent,
+  title = "Download",
+  subtitle = "",
   ...props
 }) => {
   const [api] = useAtom(apiAtom);
@@ -328,11 +332,9 @@ export const DownloadItems: React.FC<DownloadProps> = ({
           <View className="flex flex-col space-y-4 px-4 pb-8 pt-2">
             <View>
               <Text className="font-bold text-2xl text-neutral-100">
-                Download
-              </Text>
-              <Text className="text-neutral-300">
-                Entire season of {items.length} episodes
+                {title}
               </Text>
+              <Text className="text-neutral-300">{subtitle}</Text>
             </View>
             <View className="flex flex-col space-y-2 w-full items-start">
               <BitrateSelector
@@ -390,6 +392,8 @@ export const DownloadSingleItem: React.FC<{ item: BaseItemDto }> = ({
 }) => {
   return (
     <DownloadItems
+      title="Download Episode"
+      subtitle={item.Name!}
       items={[item]}
       MissingDownloadIconComponent={() => (
         <Ionicons name="cloud-download-outline" size={24} color="white" />