useEffect to trigger API call (needs delay for mopidy_connected)

src/js/services/core/actions.js

@@ -115,14 +115,18 @@ export function cachebustHttpStream() {
  * relevant service to load the record - all from one neat package.
  * */
 
-export function loadItem(uri, force_reload = false) {
+export function loadItems(uris, force_reload = false) {
   return {
-    type: 'LOAD_ITEM',
-    uri,
+    type: 'LOAD_ITEMS',
+    uris,
     force_reload,
   };
 }
 
+export function loadItem(uri, force_reload = false) {
+  return loadItems([uri], force_reload);
+}
+
 export function loadTrack(uri, force_reload = false) {
   return {
     type: 'LOAD_TRACK',

src/js/services/core/middleware.js

@@ -321,11 +321,13 @@ const CoreMiddleware = (function () {
        * assets. This is where we can return already indexed records
        * where appropriate
        * */
-      case 'LOAD_ITEM':
-        store.dispatch(coreActions[`load${titleCase(uriType(action.uri))}`](
-          action.uri,
-          action.force_reload,
-        ));
+      case 'LOAD_ITEMS':
+        action.uris.forEach((uri) => {
+          store.dispatch(coreActions[`load${titleCase(uriType(uri))}`](
+            uri,
+            action.force_reload,
+          ));
+        });
         break;
 
       case 'LOAD_TRACK':