forked from Ninjalama/streamyfin_mirror
271 lines
9.7 KiB
TypeScript
271 lines
9.7 KiB
TypeScript
import { Ionicons } from "@expo/vector-icons";
|
|
import {
|
|
BottomSheetBackdrop,
|
|
type BottomSheetBackdropProps,
|
|
BottomSheetModal,
|
|
BottomSheetView,
|
|
} from "@gorhom/bottom-sheet";
|
|
import { useNavigation, useRouter } from "expo-router";
|
|
import { useAtom } from "jotai";
|
|
import { useEffect, useMemo, useRef } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Alert, ScrollView, TouchableOpacity, View } from "react-native";
|
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
import { toast } from "sonner-native";
|
|
import { Button } from "@/components/Button";
|
|
import { Text } from "@/components/common/Text";
|
|
import { TouchableItemRouter } from "@/components/common/TouchableItemRouter";
|
|
import { ActiveDownloads } from "@/components/downloads/ActiveDownloads";
|
|
import { DownloadSize } from "@/components/downloads/DownloadSize";
|
|
import { MovieCard } from "@/components/downloads/MovieCard";
|
|
import { SeriesCard } from "@/components/downloads/SeriesCard";
|
|
import { useDownload } from "@/providers/DownloadProvider";
|
|
import { type DownloadedItem } from "@/providers/Downloads/types";
|
|
import { queueAtom } from "@/utils/atoms/queue";
|
|
import { DownloadMethod, useSettings } from "@/utils/atoms/settings";
|
|
import { writeToLog } from "@/utils/log";
|
|
|
|
function migration_20241124(
|
|
deleteAllFiles: () => Promise<void>,
|
|
router: any,
|
|
t: any,
|
|
) {
|
|
Alert.alert(
|
|
t("home.downloads.new_app_version_requires_re_download"),
|
|
undefined,
|
|
[
|
|
{
|
|
text: t("common.cancel"),
|
|
onPress: () => router.back(),
|
|
style: "cancel",
|
|
},
|
|
{
|
|
text: t("common.continue"),
|
|
onPress: () => deleteAllFiles(),
|
|
},
|
|
],
|
|
);
|
|
}
|
|
|
|
export default function page() {
|
|
const navigation = useNavigation();
|
|
const { t } = useTranslation();
|
|
const [queue, setQueue] = useAtom(queueAtom);
|
|
const { deleteFileByType, downloadedFiles, removeProcess, deleteAllFiles } =
|
|
useDownload();
|
|
const router = useRouter();
|
|
const [settings] = useSettings();
|
|
const bottomSheetModalRef = useRef<BottomSheetModal>(null);
|
|
|
|
const movies = useMemo(() => {
|
|
return downloadedFiles?.filter((f) => f.item.Type === "Movie") || [];
|
|
}, [downloadedFiles]);
|
|
|
|
const groupedBySeries = useMemo(() => {
|
|
try {
|
|
const episodes = downloadedFiles?.filter(
|
|
(f) => f.item.Type === "Episode",
|
|
);
|
|
const series: { [key: string]: DownloadedItem[] } = {};
|
|
episodes?.forEach((e) => {
|
|
if (!series[e.item.SeriesName!]) series[e.item.SeriesName!] = [];
|
|
series[e.item.SeriesName!].push(e);
|
|
});
|
|
return Object.values(series);
|
|
} catch {
|
|
migration_20241124(deleteAllFiles, router, t);
|
|
return [];
|
|
}
|
|
}, [downloadedFiles, deleteAllFiles, router, t]);
|
|
|
|
const _insets = useSafeAreaInsets();
|
|
|
|
useEffect(() => {
|
|
navigation.setOptions({
|
|
headerRight: () => (
|
|
<TouchableOpacity onPress={bottomSheetModalRef.current?.present}>
|
|
<DownloadSize items={downloadedFiles?.map((f) => f.item) || []} />
|
|
</TouchableOpacity>
|
|
),
|
|
});
|
|
}, [downloadedFiles]);
|
|
|
|
const deleteMovies = () =>
|
|
deleteFileByType("Movie")
|
|
.then(() =>
|
|
toast.success(
|
|
t("home.downloads.toasts.deleted_all_movies_successfully"),
|
|
),
|
|
)
|
|
.catch((reason) => {
|
|
writeToLog("ERROR", reason);
|
|
toast.error(t("home.downloads.toasts.failed_to_delete_all_movies"));
|
|
});
|
|
const deleteShows = () =>
|
|
deleteFileByType("Episode")
|
|
.then(() =>
|
|
toast.success(
|
|
t("home.downloads.toasts.deleted_all_tvseries_successfully"),
|
|
),
|
|
)
|
|
.catch((reason) => {
|
|
writeToLog("ERROR", reason);
|
|
toast.error(t("home.downloads.toasts.failed_to_delete_all_tvseries"));
|
|
});
|
|
const deleteAllMedia = async () =>
|
|
await Promise.all([deleteMovies(), deleteShows()]);
|
|
|
|
return (
|
|
<>
|
|
<View style={{ flex: 1 }}>
|
|
<ScrollView showsVerticalScrollIndicator={false} className='flex-1'>
|
|
<View className='py-4'>
|
|
<View className='mb-4 flex flex-col space-y-4 px-4'>
|
|
{settings?.downloadMethod === DownloadMethod.Remux && (
|
|
<View className='bg-neutral-900 p-4 rounded-2xl'>
|
|
<Text className='text-lg font-bold'>
|
|
{t("home.downloads.queue")}
|
|
</Text>
|
|
<Text className='text-xs opacity-70 text-red-600'>
|
|
{t("home.downloads.queue_hint")}
|
|
</Text>
|
|
<View className='flex flex-col space-y-2 mt-2'>
|
|
{queue.map((q, index) => (
|
|
<TouchableOpacity
|
|
onPress={() =>
|
|
router.push(`/(auth)/items/page?id=${q.item.Id}`)
|
|
}
|
|
className='relative bg-neutral-900 border border-neutral-800 p-4 rounded-2xl overflow-hidden flex flex-row items-center justify-between'
|
|
key={index}
|
|
>
|
|
<View>
|
|
<Text className='font-semibold'>{q.item.Name}</Text>
|
|
<Text className='text-xs opacity-50'>
|
|
{q.item.Type}
|
|
</Text>
|
|
</View>
|
|
<TouchableOpacity
|
|
onPress={() => {
|
|
removeProcess(q.id);
|
|
setQueue((prev) => {
|
|
if (!prev) return [];
|
|
return [...prev.filter((i) => i.id !== q.id)];
|
|
});
|
|
}}
|
|
>
|
|
<Ionicons name='close' size={24} color='red' />
|
|
</TouchableOpacity>
|
|
</TouchableOpacity>
|
|
))}
|
|
</View>
|
|
|
|
{queue.length === 0 && (
|
|
<Text className='opacity-50'>
|
|
{t("home.downloads.no_items_in_queue")}
|
|
</Text>
|
|
)}
|
|
</View>
|
|
)}
|
|
|
|
<ActiveDownloads />
|
|
</View>
|
|
|
|
{movies.length > 0 && (
|
|
<View className='mb-4'>
|
|
<View className='flex flex-row items-center justify-between mb-2 px-4'>
|
|
<Text className='text-lg font-bold'>
|
|
{t("home.downloads.movies")}
|
|
</Text>
|
|
<View className='bg-purple-600 rounded-full h-6 w-6 flex items-center justify-center'>
|
|
<Text className='text-xs font-bold'>{movies?.length}</Text>
|
|
</View>
|
|
</View>
|
|
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
|
|
<View className='px-4 flex flex-row'>
|
|
{movies?.map((item) => (
|
|
<TouchableItemRouter
|
|
item={item.item}
|
|
isOffline
|
|
key={item.item.Id}
|
|
>
|
|
<MovieCard item={item.item} />
|
|
</TouchableItemRouter>
|
|
))}
|
|
</View>
|
|
</ScrollView>
|
|
</View>
|
|
)}
|
|
{groupedBySeries.length > 0 && (
|
|
<View className='mb-4'>
|
|
<View className='flex flex-row items-center justify-between mb-2 px-4'>
|
|
<Text className='text-lg font-bold'>
|
|
{t("home.downloads.tvseries")}
|
|
</Text>
|
|
<View className='bg-purple-600 rounded-full h-6 w-6 flex items-center justify-center'>
|
|
<Text className='text-xs font-bold'>
|
|
{groupedBySeries?.length}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
|
|
<View className='px-4 flex flex-row'>
|
|
{groupedBySeries?.map((items) => (
|
|
<View
|
|
className='mb-2 last:mb-0'
|
|
key={items[0].item.SeriesId}
|
|
>
|
|
<SeriesCard
|
|
items={items.map((i) => i.item)}
|
|
key={items[0].item.SeriesId}
|
|
/>
|
|
</View>
|
|
))}
|
|
</View>
|
|
</ScrollView>
|
|
</View>
|
|
)}
|
|
{downloadedFiles?.length === 0 && (
|
|
<View className='flex px-4'>
|
|
<Text className='opacity-50'>
|
|
{t("home.downloads.no_downloaded_items")}
|
|
</Text>
|
|
</View>
|
|
)}
|
|
</View>
|
|
</ScrollView>
|
|
</View>
|
|
<BottomSheetModal
|
|
ref={bottomSheetModalRef}
|
|
enableDynamicSizing
|
|
handleIndicatorStyle={{
|
|
backgroundColor: "white",
|
|
}}
|
|
backgroundStyle={{
|
|
backgroundColor: "#171717",
|
|
}}
|
|
backdropComponent={(props: BottomSheetBackdropProps) => (
|
|
<BottomSheetBackdrop
|
|
{...props}
|
|
disappearsOnIndex={-1}
|
|
appearsOnIndex={0}
|
|
/>
|
|
)}
|
|
>
|
|
<BottomSheetView>
|
|
<View className='p-4 space-y-4 mb-4'>
|
|
<Button color='purple' onPress={deleteMovies}>
|
|
{t("home.downloads.delete_all_movies_button")}
|
|
</Button>
|
|
<Button color='purple' onPress={deleteShows}>
|
|
{t("home.downloads.delete_all_tvseries_button")}
|
|
</Button>
|
|
<Button color='red' onPress={deleteAllMedia}>
|
|
{t("home.downloads.delete_all_button")}
|
|
</Button>
|
|
</View>
|
|
</BottomSheetView>
|
|
</BottomSheetModal>
|
|
</>
|
|
);
|
|
}
|