[🐛] Order of image picker images is incorrect

[VNDRN]

[🐛] Order of image picker images is incorrect

[VNDRN]

I noticed now in the source code modificationTime is used, I'd think a better default would be creationTime, as the ios Photo library uses this sorting

[khushal87]

Hey @VNDRN, this behaviour is customizable. You can register your own native handler as per the docs. Copy the snippet and just change the sortBy param as per your requirement. We have kept it as modification time to keep it in parity with all SDKs so that's the default behaviour.

Here's the snippet:

import { registerNativeHandlers } from 'stream-chat-react-native';

registerNativeHandlers({
 getPhotos: async ({
  after,
  first,
}: MediaLibrary.AssetsOptions): Promise<ReturnType> => {
  try {
    // NOTE:
    // should always check first before requesting permission
    // because always requesting permission will cause
    // the app to go to background even if it was granted
    const { accessPrivileges, status } = await MediaLibrary.getPermissionsAsync();
    if (status !== 'granted') {
      const { status: newStatus } = await MediaLibrary.requestPermissionsAsync();
      if (newStatus !== 'granted') {
        throw new Error('getPhotos Error');
      }
    }
    const results = await MediaLibrary.getAssetsAsync({
      after,
      first,
      mediaType: [MediaLibrary.MediaType.photo, MediaLibrary.MediaType.video],
      sortBy: [MediaLibrary.SortBy.creationTime],
    });
    const assets = results.assets.map((asset) => ({
      duration: asset.duration,
      height: asset.height,
      id: asset.id,
      name: asset.filename,
      source: 'picker' as const,
      type: asset.mediaType,
      uri: asset.uri,
      width: asset.width,
    }));

    const hasNextPage = results.hasNextPage;
    const endCursor = results.endCursor;
    return { assets, endCursor, hasNextPage, iOSLimited: accessPrivileges === 'limited' };
  } catch {
    throw new Error('getPhotos Error');
  }
};
});

[VNDRN]

Thanks! I had it changed with patch-package but this is a neater solution