fix: refetch on focus

app/(auth)/(tabs)/(home,libraries,search)/items/page.tsx

@@ -26,7 +26,7 @@ const Page: React.FC = () => {
   const { data: item, isError } = useQuery({
     queryKey: ["item", id],
     queryFn: async () => {
-      if (!api) return;
+      if (!api || !user || !id) return;
       const res = await getUserLibraryApi(api).getItem({
         itemId: id,
         userId: user?.Id,
@@ -34,8 +34,10 @@ const Page: React.FC = () => {
 
       return res.data;
     },
-    enabled: !!id && !!api || !!user,
     staleTime: 0,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+    refetchOnReconnect: true,
   });
 
   const opacity = useSharedValue(1);

components/PlayButton.tsx

@@ -4,16 +4,15 @@ import { useSettings } from "@/utils/atoms/settings";
 import { getParentBackdropImageUrl } from "@/utils/jellyfin/image/getParentBackdropImageUrl";
 import { getPrimaryImageUrl } from "@/utils/jellyfin/image/getPrimaryImageUrl";
 import { getStreamUrl } from "@/utils/jellyfin/media/getStreamUrl";
-import { chromecastProfile } from "@/utils/profiles/chromecast";
+import ios from "@/utils/profiles/ios";
 import { runtimeTicksToMinutes } from "@/utils/time";
 import { useActionSheet } from "@expo/react-native-action-sheet";
 import { Feather, Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
-import { useQuery } from "@tanstack/react-query";
 import { useRouter } from "expo-router";
 import { useAtom, useAtomValue } from "jotai";
 import { useCallback, useEffect } from "react";
-import { Alert, Platform, TouchableOpacity, View } from "react-native";
+import { Alert, TouchableOpacity, View } from "react-native";
 import CastContext, {
   CastButton,
   PlayServicesState,
@@ -32,7 +31,6 @@ import Animated, {
 } from "react-native-reanimated";
 import { Button } from "./Button";
 import { SelectedOptions } from "./ItemContent";
-import ios from "@/utils/profiles/ios";
 
 interface Props extends React.ComponentProps<typeof Button> {
   item: BaseItemDto;

components/home/ScrollingCollectionList.tsx

@@ -32,6 +32,9 @@ export const ScrollingCollectionList: React.FC<Props> = ({
     queryKey,
     queryFn,
     staleTime: 0,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+    refetchOnReconnect: true,
   });
 
   if (disabled || !title) return null;