fix: fix infinite load cycle in image browser

The image loader did not check if it reached the end of the result set
and just kept increasing the page number, spamming steering with
requests.

src/components/generic/Browser.vue

@@ -21,23 +21,24 @@ import { ref, useAttrs } from 'vue'
 import Loading from './Loading.vue'
 
 const props = defineProps<{
-  loadMore: () => void | Promise<void>
+  loadMore: () => Promise<boolean>
 }>()
 const attrs = useAttrs()
 const scroller = ref<HTMLOListElement>()
 const isLoading = ref(false)
+const canLoadMore = ref(true)
 
 async function loadMoreData() {
   isLoading.value = true
   try {
-    await props.loadMore()
+    canLoadMore.value = await props.loadMore()
   } finally {
     isLoading.value = false
   }
 }
 
 loadMoreData()
-useInfiniteScroll(scroller, loadMoreData)
+useInfiniteScroll(scroller, loadMoreData, { canLoadMore: () => canLoadMore.value })
 </script>
 
 <script lang="ts">

src/components/images/ImageBrowser.vue

@@ -28,8 +28,9 @@ const emit = defineEmits<{
 
 const imageStore = useImageStore()
 
-function loadMore() {
-  imageStore.list(imageStore.count === 0 ? 1 : imageStore.currentPage + 1)
+async function loadMore() {
+  const result = await imageStore.list(imageStore.count === 0 ? 1 : imageStore.currentPage + 1)
+  return result.length > 0
 }
 </script>
 

[Ole Binder]

@kmohrf does this fix aura#307 (closed)?

[Ole Binder]

Just tested this and indeed the bug is fixed. Thanks @kmohrf that was quick