perf: Change media fetches to be asynchronous to view render (#1702)

This is a fairly non-trivial change in terms of consequence, so a greater than average chance something breaks. This is necessary since some cameras (e.g. Reolink) are materially slower to fetch media, and this change substantially improves card responsiveness.
2024-12-01 20:57:48 -08:00
parent c69fdff5e3
commit 9ac6134446
23 changed files with 1489 additions and 829 deletions
@@ -56,10 +56,15 @@ export class FrigateCardViewer extends LitElement {
      // Directly render an error message (instead of dispatching it upwards)
      // to preserve the mini-timeline if the user pans into an area with no
      // media.
+      const loadingMedia =
+        !!this.viewManagerEpoch.manager.getView()?.context?.loading?.query;
      return renderMessage({
        type: 'info',
-        message: localize('common.no_media'),
+        message: loadingMedia
+          ? localize('error.awaiting_media')
+          : localize('common.no_media'),
        icon: 'mdi:multimedia',
+        dotdotdot: loadingMedia,
      });
    }