Merge branch 'hotfix/limit-next-up'

app/(auth)/(tabs)/home/index.tsx

@@ -72,6 +72,7 @@ export default function index() {
           await getTvShowsApi(api).getNextUp({
             userId: user?.Id,
             fields: ["MediaSourceCount"],
+            limit: 20,
           })
         ).data.Items) ||
       [],

components/ContinueWatchingPoster.tsx

@@ -23,8 +23,8 @@ const ContinueWatchingPoster: React.FC<ContinueWatchingPosterProps> = ({
       getPrimaryImageUrl({
         api,
         item,
-        quality: 90,
-        width: 176 * 2,
+        quality: 80,
+        width: 300,
       }),
     [item]
   );

components/home/LargeMovieCarousel.tsx

@@ -123,14 +123,16 @@ export const LargeMovieCarousel: React.FC<Props> = ({ ...props }) => {
 const RenderItem: React.FC<{ item: BaseItemDto }> = ({ item }) => {
   const [api] = useAtom(apiAtom);
 
+  const screenWidth = Dimensions.get("screen").width;
+
   const uri = useMemo(() => {
     if (!api) return null;
 
     return getBackdropUrl({
       api,
       item,
-      quality: 90,
-      width: 1000,
+      quality: 70,
+      width: Math.floor(screenWidth * 0.8 * 2),
     });
   }, [api, item]);
 

components/posters/MoviePoster.tsx

@@ -23,6 +23,7 @@ const MoviePoster: React.FC<MoviePosterProps> = ({
       getPrimaryImageUrl({
         api,
         item,
+        width: 300,
       }),
     [item]
   );

components/series/NextUp.tsx

@@ -24,7 +24,7 @@ export const NextUp: React.FC<{ seriesId: string }> = ({ seriesId }) => {
           userId: user?.Id,
           seriesId,
           fields: ["MediaSourceCount"],
-          limit: 20,
+          limit: 10,
         })
       ).data.Items;
     },

utils/jellyfin/image/getPrimaryImageUrl.ts

@@ -15,8 +15,8 @@ import { isBaseItemDto } from "../jellyfin";
 export const getPrimaryImageUrl = ({
   api,
   item,
-  quality = 90,
-  width = 500,
+  quality = 80,
+  width = 400,
 }: {
   api?: Api | null;
   item?: BaseItemDto | BaseItemPerson | null;