fix: Old Reolink media items shown instead of more recent ones (#2081)

- Closes: #2078

src/camera-manager/reolink/engine-reolink.ts

@@ -2,6 +2,7 @@ import { add, endOfDay, parse, startOfDay } from 'date-fns';
 import { orderBy } from 'lodash-es';
 import { CameraConfig } from '../../config/schema/cameras';
 import { getViewMediaFromBrowseMediaArray } from '../../ha/browse-media/browse-media-to-view-media';
+import { sortMostRecentFirst } from '../../ha/browse-media/sort';
 import {
   BROWSE_MEDIA_CACHE_SECONDS,
   BrowseMedia,
@@ -212,6 +213,8 @@ export class ReolinkCameraManagerEngine extends BrowseMediaCameraManagerEngine {
           matcher: (media: RichBrowseMedia<BrowseMediaMetadata>) =>
             media.can_expand &&
             isMediaWithinDates(media, matchOptions?.start, matchOptions?.end),
+          sorter: (media: RichBrowseMedia<BrowseMediaMetadata>[]) =>
+            sortMostRecentFirst(media),
         },
       ],
       {
@@ -275,6 +278,8 @@ export class ReolinkCameraManagerEngine extends BrowseMediaCameraManagerEngine {
               matcher: (media: RichBrowseMedia<BrowseMediaMetadata>) =>
                 !media.can_expand &&
                 isMediaWithinDates(media, perCameraQuery.start, perCameraQuery.end),
+              sorter: (media: RichBrowseMedia<BrowseMediaMetadata>[]) =>
+                sortMostRecentFirst(media),
             },
           ],
           {

src/ha/browse-media/sort.ts

@@ -0,0 +1,15 @@
+import { orderBy } from 'lodash-es';
+import { BrowseMediaMetadata, RichBrowseMedia } from './types';
+
+// Unlike sorting of view items (see card-controller/view/sort.ts), for browse
+// media we often need to sort by most recent first to apply an item count
+// cutoff from the most recent (this differs from how items may be sorted prior
+// to presentation).
+//
+// See: https://github.com/dermotduffy/advanced-camera-card/issues/2078
+
+export const sortMostRecentFirst = (
+  media: RichBrowseMedia<BrowseMediaMetadata>[],
+): RichBrowseMedia<BrowseMediaMetadata>[] => {
+  return orderBy(media, (media) => media._metadata?.startDate, 'desc');
+};