ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Serach pagination improvements
Some checks failed
/ build (push) Has been cancelled
Details

Browse source
This commit is contained in:
jorgev259 2025-04-22 22:26:52 -06:00
parent 8fe644467e
commit 39c058be6f
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/search/AlbumSearch.astro
View file

@ -40,18 +40,20 @@ const [count, search] = await Promise.all([
]) ])
--- ---
<div class='text-xl flex gap-x-2'> <div class='text-xl flex gap-x-4'>
<div> <div>
Albums ({count}) { Albums ({count}) {
count > take ? ( count > take ? (
<span> / Showing {page === 1 ? `first ${take}` : `${(page - 1) * take}-${page * take}`} results</span> <span> / Showing {page === 1 ? `first ${take}` : `${(page - 1) * take}-${Math.min(page * take, count)}`} results</span>
) : null ) : null
} }
</div> </div>
<div> <div class='flex gap-x-2'>
{Array.from({ length: Math.ceil(count / take) }, (_, i) => ( {
<a href={`/search?q=${query}&page=${i + 1}`}>{i + 1}</a> Array.from({ length: Math.ceil(count / take) }, (_, i) =>
))} page === i + 1 ? <span>{i + 1}</span> : <a href={`/search?q=${query}&page=${i + 1}`}>{i + 1}</a>
)
}
</div> </div>
</div> </div>
<div class='grid sm:grid-cols-1 md:grid-cols-3 mt-1.5 gap-4'> <div class='grid sm:grid-cols-1 md:grid-cols-3 mt-1.5 gap-4'>