avoid unnecessary api calls on page end

Author: tamland

src/library/album/AlbumLibrary.vue

@@ -58,7 +58,7 @@
         return this.$api.getAlbums(this.sort as AlbumSort, 50, this.offset).then(albums => {
           this.albums.push(...albums)
           this.offset += albums.length
-          this.hasMore = albums.length > 0
+          this.hasMore = albums.length >= 50
           this.loading = false
         })
       }

src/library/search/SearchResult.vue

@@ -30,7 +30,7 @@
       <TrackList :tracks="result.tracks" />
     </div>
 
-    <EmptyIndicator v-if="!loading && !hasResult" label="No results" />
+    <EmptyIndicator v-if="!loading && !hasResult && !hasMore" label="No results" />
 
     <InfiniteLoader :loading="loading" :has-more="hasMore" @load-more="loadMore" />
   </div>
@@ -89,15 +89,15 @@
     methods: {
       async loadMore() {
         this.loading = true
-        const result = await this.$api.search(this.query, this.type, this.offset)
+        const result = await this.$api.search(this.query, this.type, 20, this.offset)
         const size = result.albums.length + result.artists.length + result.tracks.length
 
         this.result.albums.push(...result.albums)
         this.result.artists.push(...result.artists)
         this.result.tracks.push(...result.tracks)
 
         this.offset += size
-        this.hasMore = size > 0
+        this.hasMore = size >= 20
         this.loading = false
       }
     }

src/shared/api.ts

@@ -390,8 +390,7 @@ export class API {
     await this.fetch('rest/unstar', params)
   }
 
-  async search(query: string, type?: string, offset?: number): Promise<SearchResult> {
-    const size = 20
+  async search(query: string, type: string | null, size: number, offset?: number): Promise<SearchResult> {
     const params = {
       query,
       albumCount: !type || type === 'album' ? size : 0,