fix: rn downloads

app/(auth)/(tabs)/(home)/settings/logs/page.tsx

@@ -1,4 +1,3 @@
-import * as FileSystem from "expo-file-system";
 import { useNavigation } from "expo-router";
 import * as Sharing from "expo-sharing";
 import { useCallback, useEffect, useId, useMemo, useState } from "react";

app/_layout.tsx

@@ -28,13 +28,9 @@ import {
 } from "@/utils/log";
 import { storage } from "@/utils/mmkv";
 
-// TEMPORARILY DISABLED
-// To re-enable: Move package from "disabledDependencies" to "dependencies" in package.json,
-// run "bun install", then uncomment the require below and remove the null assignment
-// const BackGroundDownloader = !Platform.isTV
-//   ? require("@kesha-antonov/react-native-background-downloader")
-//   : null;
-const BackGroundDownloader = null;
+const BackGroundDownloader = !Platform.isTV
+  ? require("@kesha-antonov/react-native-background-downloader")
+  : null;
 
 import { DarkTheme, ThemeProvider } from "@react-navigation/native";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -42,7 +38,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import * as BackgroundTask from "expo-background-task";
 
 import * as Device from "expo-device";
-import * as FileSystem from "expo-file-system";
+import { Paths } from "expo-file-system";
 
 const Notifications = !Platform.isTV ? require("expo-notifications") : null;
 
@@ -149,7 +145,7 @@ if (!Platform.isTV) {
 
     const token = getTokenFromStorage();
     const deviceId = getOrSetDeviceId();
-    const baseDirectory = FileSystem.documentDirectory;
+    const baseDirectory = Paths.document.uri;
 
     if (!token || !deviceId || !baseDirectory)
       return BackgroundTask.BackgroundTaskResult.Failed;
@@ -426,10 +422,10 @@ function Layout() {
           <LogProvider>
             <WebSocketProvider>
               <DownloadProvider>
-                <BottomSheetModalProvider>
-                  <GlobalModalProvider>
-                    <SystemBars style='light' hidden={false} />
+                <GlobalModalProvider>
+                  <BottomSheetModalProvider>
                     <ThemeProvider value={DarkTheme}>
+                      <SystemBars style='light' hidden={false} />
                       <Stack initialRouteName='(auth)/(tabs)'>
                         <Stack.Screen
                           name='(auth)/(tabs)'
@@ -471,10 +467,10 @@ function Layout() {
                         }}
                         closeButton
                       />
+                      <GlobalModal />
                     </ThemeProvider>
-                    <GlobalModal />
-                  </GlobalModalProvider>
-                </BottomSheetModalProvider>
+                  </BottomSheetModalProvider>
+                </GlobalModalProvider>
               </DownloadProvider>
             </WebSocketProvider>
           </LogProvider>

app/login.tsx

@@ -4,7 +4,6 @@ import { Image } from "expo-image";
 import { useLocalSearchParams, useNavigation } from "expo-router";
 import { t } from "i18next";
 import { useAtomValue } from "jotai";
-import type React from "react";
 import { useCallback, useEffect, useState } from "react";
 import {
   Alert,
@@ -82,10 +81,10 @@ const Login: React.FC = () => {
             onPress={() => {
               removeServer();
             }}
-            className='flex flex-row items-center'
+            className='flex flex-row items-center pr-2 pl-1'
           >
             <Ionicons name='chevron-back' size={18} color={Colors.primary} />
-            <Text className='ml-2 text-purple-600'>
+            <Text className=' ml-1 text-purple-600'>
               {t("login.change_server")}
             </Text>
           </TouchableOpacity>