Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 06:34:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: try/catch song fetching on All Songs screen

Browse source
This commit is contained in:
Phan An 2022-10-27 14:26:58 +02:00
parent 8fd8e50caa
commit 30f9ef4555
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/assets/js/components/screens/AllSongsScreen.vue
View file

@ -36,11 +36,11 @@
<script lang="ts" setup>
import { computed, ref, toRef } from 'vue'
import { pluralize, requireInjection, secondsToHis } from '@/utils'
import { logger, pluralize, requireInjection, secondsToHis } from '@/utils'
import { commonStore, queueStore, songStore } from '@/stores'
import { playbackService } from '@/services'
import { useScreen, useSongList } from '@/composables'
import { RouterKey } from '@/symbols'
import { MessageToasterKey, RouterKey } from '@/symbols'
import ScreenHeader from '@/components/ui/ScreenHeader.vue'
import SongListSkeleton from '@/components/ui/skeletons/SongListSkeleton.vue'
@ -65,6 +65,7 @@ const {
onScrollBreakpoint
} = useSongList(toRef(songStore.state, 'songs'), 'Songs')
const toaster = requireInjection(MessageToasterKey)
const router = requireInjection(RouterKey)
let initialized = false
@ -89,8 +90,15 @@ const fetchSongs = async () => {
if (!moreSongsAvailable.value || loading.value) return
loading.value = true
page.value = await songStore.paginate(sortField, sortOrder, page.value!)
loading.value = false
try {
page.value = await songStore.paginate(sortField, sortOrder, page.value!)
} catch (error) {
logger.error(error)
toaster.value.error('Failed to load songs.')
} finally {
loading.value = false
}
}
const playAll = async (shuffle: boolean) => {
@ -100,8 +108,8 @@ const playAll = async (shuffle: boolean) => {
await queueStore.fetchInOrder(sortField, sortOrder)
}
await playbackService.playFirstInQueue()
router.go('queue')
await playbackService.playFirstInQueue()
}
useScreen('Songs').onScreenActivated(async () => {