Fix:Android auto load libraries handle no libraries returned, Update:Local media items cover images width alignment #279

android/app/src/main/java/com/audiobookshelf/app/media/MediaManager.kt

@@ -236,6 +236,10 @@ class MediaManager(var apiHandler: ApiHandler, var ctx: Context) {
         serverConfigIdUsed = DeviceManager.serverConnectionConfigId
 
         loadLibraries { libraries ->
+          if (libraries.isEmpty()) {
+            Log.w(tag, "No libraries returned from server request")
+            cb(cats) // Return download category only
+          } else {
             val library = libraries[0]
             Log.d(tag, "Loading categories for library ${library.name} - ${library.id} - ${library.mediaType}")
 
@@ -264,6 +268,7 @@ class MediaManager(var apiHandler: ApiHandler, var ctx: Context) {
               cb(cats)
             }
           }
+        }
       } else { // Not connected/no internet sent downloaded cats only
         cb(cats)
       }

pages/localMedia/folders/_id.vue

@@ -17,7 +17,7 @@
     <div v-else class="w-full media-item-container overflow-y-auto">
       <template v-for="mediaItem in localLibraryItems">
         <nuxt-link :to="`/localMedia/item/${mediaItem.id}`" :key="mediaItem.id" class="flex my-1">
-          <div class="w-12 h-12 bg-primary">
+          <div class="w-12 h-12 min-w-12 min-h-12 bg-primary">
             <img v-if="mediaItem.coverPathSrc" :src="mediaItem.coverPathSrc" class="w-full h-full object-contain" />
           </div>
           <div class="flex-grow px-2">

tailwind.config.js

@@ -39,6 +39,12 @@ module.exports = {
       },
       maxWidth: {
         '24': '6rem'
+      },
+      minWidth: {
+        '12': '3rem'
+      },
+      minHeight: {
+        '12': '3rem'
       }
     }
   },