Merge branch 'master' into master

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

@@ -4,9 +4,11 @@ import { LargeMovieCarousel } from "@/components/home/LargeMovieCarousel";
 import { ScrollingCollectionList } from "@/components/home/ScrollingCollectionList";
 import { Loader } from "@/components/Loader";
 import { MediaListSection } from "@/components/medialists/MediaListSection";
+import { TAB_HEIGHT } from "@/constants/Values";
+import { useDownload } from "@/providers/DownloadProvider";
 import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import { useSettings } from "@/utils/atoms/settings";
-import { Ionicons } from "@expo/vector-icons";
+import { Feather, Ionicons } from "@expo/vector-icons";
 import { Api } from "@jellyfin/sdk";
 import {
   BaseItemDto,
@@ -19,15 +21,18 @@ import {
   getUserLibraryApi,
   getUserViewsApi,
 } from "@jellyfin/sdk/lib/utils/api";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 import NetInfo from "@react-native-community/netinfo";
 import { QueryFunction, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useRouter } from "expo-router";
+import { useRouter, useNavigation } from "expo-router";
 import { useAtom } from "jotai";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import {
   ActivityIndicator,
+  Platform,
   RefreshControl,
   ScrollView,
+  TouchableOpacity,
   View,
 } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -60,6 +65,7 @@ export default function index() {
 
   const [isConnected, setIsConnected] = useState<boolean | null>(null);
   const [loadingRetry, setLoadingRetry] = useState(false);
+  const navigation = useNavigation();
 
   const checkConnection = useCallback(async () => {
     setLoadingRetry(true);
@@ -68,6 +74,27 @@ export default function index() {
     setLoadingRetry(false);
   }, []);
 
+  const { downloadedFiles } = useDownload();
+
+  useEffect(() => {
+    const color =
+      downloadedFiles && downloadedFiles?.length > 0 ? "#9334E9" : "white";
+    navigation.setOptions({
+      headerLeft: () => (
+        <TouchableOpacity
+          style={{
+            marginRight: Platform.OS === "android" ? 17 : 0,
+          }}
+          onPress={() => {
+            router.push("/(auth)/downloads");
+          }}
+        >
+          <Feather name="download" color={color} size={22} />
+        </TouchableOpacity>
+      ),
+    });
+  }, [downloadedFiles, navigation]);
+
   useEffect(() => {
     const unsubscribe = NetInfo.addEventListener((state) => {
       if (state.isConnected == false || state.isInternetReachable === false)
@@ -338,10 +365,16 @@ export default function index() {
       }
       key={"home"}
       contentContainerStyle={{
+        flexDirection: "column",
         paddingLeft: insets.left,
         paddingRight: insets.right,
+        paddingTop: 8,
+        paddingBottom: 8,
+        rowGap: 8,
+      }}
+      style={{
+        marginBottom: TAB_HEIGHT,
       }}
-      className="flex flex-col space-y-4 mb-20"
     >
       <LargeMovieCarousel />