diff --git a/api/funkwhale_api/playlists/views.py b/api/funkwhale_api/playlists/views.py index d1a08b792..95c4387f6 100644 --- a/api/funkwhale_api/playlists/views.py +++ b/api/funkwhale_api/playlists/views.py @@ -143,7 +143,7 @@ class PlaylistViewSet( # Apply pagination paginator = PageNumberPagination() - paginator.page_size = 100 # Set the page size (number of items per page) + paginator.page_size = 50 # Set the page size (number of items per page) paginated_plts = paginator.paginate_queryset(plts, request) # Serialize the paginated data diff --git a/front/src/components/audio/track/Table.vue b/front/src/components/audio/track/Table.vue index 1bf0ab57d..def73bcee 100644 --- a/front/src/components/audio/track/Table.vue +++ b/front/src/components/audio/track/Table.vue @@ -45,7 +45,7 @@ interface Props { paginateResults?: boolean total?: number page?: number - paginateBy?: number, + paginateBy?: number unique?: boolean } diff --git a/front/src/views/playlists/Detail.vue b/front/src/views/playlists/Detail.vue index c98fcc91f..1b4b2b4df 100644 --- a/front/src/views/playlists/Detail.vue +++ b/front/src/views/playlists/Detail.vue @@ -96,20 +96,19 @@ const loadMoreTracks = async () => { if (nextPage.value) { isLoadingMoreTracks.value = true; // Set loading state for the button try { - const response = await axios.get(nextPage.value); + const response = await axios.get(nextPage.value) // Append new tracks to the existing list - fullPlaylistTracks.value = [...fullPlaylistTracks.value, ...response.data.results]; - + fullPlaylistTracks.value = [...fullPlaylistTracks.value, ...response.data.results] // Update pagination metadata - nextPage.value = response.data.next; + nextPage.value = response.data.next } catch (error) { useErrorHandler(error as Error) } finally { isLoadingMoreTracks.value = false; // Reset loading state } } -}; +} fetchData()