fix: Recently Added isn't updating correctly. (#686)

app/(auth)/(tabs)/(libraries)/[libraryId].tsx

@@ -367,7 +367,15 @@ const Page = () => {
                   className='mr-1'
                   id={libraryId}
                   queryKey='sortBy'
-                  queryFn={async () => sortOptions.map((s) => s.key)}
+                  queryFn={async () =>
+                    sortOptions
+                      .filter(
+                        (s) =>
+                          library?.CollectionType !== "movies" ||
+                          s.key !== SortByOption.DateLastContentAdded,
+                      )
+                      .map((s) => s.key)
+                  }
                   set={setSortBy}
                   values={sortBy}
                   title={t("library.filters.sort_by")}

components/posters/SeriesPoster.tsx

@@ -53,6 +53,7 @@ const SeriesPoster: React.FC<MoviePosterProps> = ({ item }) => {
           width: "100%",
         }}
       />
+      {<WatchedIndicator item={item} />}
     </View>
   );
 };

components/settings/HomeIndex.tsx

@@ -206,19 +206,43 @@ export const HomeIndex = () => {
       queryKey,
       queryFn: async () => {
         if (!api) return [];
-        return (
+
-          (
+        const response = await getItemsApi(api).getItems({
-            await getUserLibraryApi(api).getLatestMedia({
+          userId: user?.Id,
-              userId: user?.Id,
+          limit: 40,
-              limit: 20,
+          recursive: true,
-              fields: ["PrimaryImageAspectRatio", "Path"],
+          includeItemTypes,
-              imageTypeLimit: 1,
+          sortBy: ["DateCreated"],
-              enableImageTypes: ["Primary", "Backdrop", "Thumb"],
+          sortOrder: ["Descending"],
-              includeItemTypes,
+          fields: ["PrimaryImageAspectRatio", "Path"],
-              parentId,
+          parentId,
-            })
+          enableImageTypes: ["Primary", "Backdrop", "Thumb"],
-          ).data || []
+        });
-        );
+
+        let items = response.data.Items || [];
+
+        if (includeItemTypes.includes("Episode")) {
+          // Removes individual episodes from the list if they are part of a series
+          //    and only keeps the series item
+          // Note: The 'Latest' API endpoint does not work well with combining batch episode imports
+          //    and will either only show the series or the episodes, not both.
+          //    This is a workaround to filter out the episodes from the list
+          const seriesIds = new Set(
+            items.filter((i) => i.Type === "Series").map((i) => i.Id),
+          );
+
+          items = items.filter(
+            (i) =>
+              i.Type === "Series" ||
+              (i.Type === "Episode" && !seriesIds.has(i.SeriesId!)),
+          );
+        }
+
+        if (items.length > 20) {
+          items = items.slice(0, 20);
+        }
+
+        return items;
       },
       type: "ScrollingCollectionList",
     }),
@@ -232,7 +256,7 @@ export const HomeIndex = () => {
 
       const latestMediaViews = collections.map((c) => {
         const includeItemTypes: BaseItemKind[] =
-          c.CollectionType === "tvshows" ? ["Series"] : ["Movie"];
+          c.CollectionType === "tvshows" ? ["Episode", "Series"] : ["Movie"];
         const title = t("home.recently_added_in", { libraryName: c.Name });
         const queryKey = [
           "home",
@@ -358,10 +382,10 @@ export const HomeIndex = () => {
               const response = await getTvShowsApi(api).getNextUp({
                 userId: user?.Id,
                 fields: ["MediaSourceCount"],
-                limit: section.items?.limit || 25,
+                limit: section.nextUp?.limit || 25,
                 enableImageTypes: ["Primary", "Backdrop", "Thumb"],
-                enableResumable: section.items?.enableResumable,
+                enableResumable: section.nextUp?.enableResumable,
-                enableRewatching: section.items?.enableRewatching,
+                enableRewatching: section.nextUp?.enableRewatching,
               });
               return response.data.Items || [];
             }

utils/atoms/filters.ts

@@ -8,6 +8,7 @@ export enum SortByOption {
   CommunityRating = "CommunityRating",
   CriticRating = "CriticRating",
   DateCreated = "DateCreated",
+  DateLastContentAdded = "DateLastContentAdded",
   DatePlayed = "DatePlayed",
   PlayCount = "PlayCount",
   ProductionYear = "ProductionYear",
@@ -37,6 +38,7 @@ export const sortOptions: {
   { key: SortByOption.CommunityRating, value: "Community Rating" },
   { key: SortByOption.CriticRating, value: "Critics Rating" },
   { key: SortByOption.DateCreated, value: "Date Added" },
+  { key: SortByOption.DateLastContentAdded, value: "Date Episode Added" },
   { key: SortByOption.DatePlayed, value: "Date Played" },
   { key: SortByOption.PlayCount, value: "Play Count" },
   { key: SortByOption.ProductionYear, value: "Production Year" },