s

keystone-app/app/(tabs)/index.tsx

@@ -6,11 +6,11 @@ import {
   Dimensions, 
   TouchableOpacity, 
   Text, 
-  SafeAreaView, 
   Alert, 
   Platform,
   ActivityIndicator 
 } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import * as MediaLibrary from 'expo-media-library';
 import { Image } from 'expo-image';
 import * as FileSystem from 'expo-file-system';
@@ -35,9 +35,17 @@ type SectionData = {
 };
 
 export default function PhotosScreen() {
-  const [permissionResponse, requestPermission] = MediaLibrary.usePermissions({
-    granularPermissions: ['photo', 'video'],
-  });
+  const [permissionResponse, setPermissionResponse] = useState<any>(null);
+
+  const requestPermission = async () => {
+    try {
+      const res = await MediaLibrary.requestPermissionsAsync(false, ['photo', 'video']);
+      setPermissionResponse(res);
+    } catch (err) {
+      console.warn('Media Library permission request failed or rejected by host:', err);
+      setPermissionResponse({ granted: false, canAskAgain: false });
+    }
+  };
   const [sections, setSections] = useState<SectionData[]>([]);
   const [allPhotos, setAllPhotos] = useState<MediaLibrary.Asset[]>([]);
   
@@ -47,19 +55,24 @@ export default function PhotosScreen() {
   const [syncTotal, setSyncTotal] = useState(0);
 
   useEffect(() => {
-    if (Platform.OS !== 'web') {
-      if (!permissionResponse) {
-         requestPermission();
-      } else if (permissionResponse.status !== 'granted') {
-         // Optionally prompt user if they denied it previously
-         if (permissionResponse.canAskAgain) {
-           requestPermission();
-         }
-      } else {
-         loadPhotos();
+    const checkPermissions = async () => {
+      if (Platform.OS === 'web') return;
+      try {
+        const res = await MediaLibrary.getPermissionsAsync(false, ['photo', 'video']);
+        setPermissionResponse(res);
+        if (res.granted) {
+          loadPhotos();
+        } else if (res.canAskAgain) {
+          await requestPermission();
+        }
+      } catch (err) {
+        console.warn('Media Library getPermissions failed or rejected by host:', err);
+        setPermissionResponse({ granted: false, canAskAgain: false });
       }
-    }
-  }, [permissionResponse]);
+    };
+
+    checkPermissions();
+  }, []);
 
   const groupPhotosByDate = (photos: MediaLibrary.Asset[]): SectionData[] => {
     const groups: { [key: string]: MediaLibrary.Asset[] } = {};