mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-04 13:07:36 +03:00
Code Issues Projects Releases Packages Wiki Activity

feat(ui): Improve Artist Album pagination (#3748)

Browse source 
* feat(ui): Improve Artist Album pagination

- use maximum of albumartist/artist credits for determining pagination
- reduce default maxPerPage considerably. This gives values of 36/72/108 at largest size

* enable pagination when over 90

Signed-off-by: Deluan <deluan@navidrome.org>

---------

Signed-off-by: Deluan <deluan@navidrome.org>
Co-authored-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Kendall Garner 2025-02-22 14:31:20 +00:00 • committed by GitHub
parent f34f15ba1c
commit aee19e747c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
ui/src/artist/ArtistShow.jsx
View file

@ -60,9 +60,16 @@ const AlbumShowLayout = (props) => {
let perPage = 0 let perPage = 0
let pagination = null let pagination = null
if (record?.stats?.['artist']?.albumCount > maxPerPage) { const count = Math.max(
record?.stats?.['albumartist']?.albumCount || 0,
record?.stats?.['artist']?.albumCount ?? 0,
)
if (count > maxPerPage) {
perPage = Math.trunc(maxPerPage / perPageOptions[0]) * perPageOptions[0] perPage = Math.trunc(maxPerPage / perPageOptions[0]) * perPageOptions[0]
const rowsPerPageOptions = [1, 2, 3].map((option) => option * perPage) const rowsPerPageOptions = [1, 2, 3].map((option) =>
Math.trunc(option * (perPage / 3)),
)
pagination = <Pagination rowsPerPageOptions={rowsPerPageOptions} /> pagination = <Pagination rowsPerPageOptions={rowsPerPageOptions} />
} }