diff --git a/frontend/src/routes/(app)/explore/+page.svelte b/frontend/src/routes/(app)/explore/+page.svelte index c641cfd..f43da48 100644 --- a/frontend/src/routes/(app)/explore/+page.svelte +++ b/frontend/src/routes/(app)/explore/+page.svelte @@ -53,7 +53,7 @@ -
+

Explorar

Descubre canciones o busca por nombre.

diff --git a/frontend/src/routes/(app)/library/+page.svelte b/frontend/src/routes/(app)/library/+page.svelte index ea58262..30ccc13 100644 --- a/frontend/src/routes/(app)/library/+page.svelte +++ b/frontend/src/routes/(app)/library/+page.svelte @@ -33,8 +33,8 @@
-

Tus canciones subidas

-

+

Tus canciones subidas

+

{total} {total === 1 ? 'canción' : 'canciones'} subida{total === 1 ? '' : 's'}.

diff --git a/frontend/src/routes/+page.server.ts b/frontend/src/routes/+page.server.ts index 088fb30..04d19f0 100644 --- a/frontend/src/routes/+page.server.ts +++ b/frontend/src/routes/+page.server.ts @@ -9,7 +9,7 @@ export const load: PageServerLoad = async ({ locals, fetch }) => { }); const playlistsPromise = locals.user ? api.GET('/playlists/users/{userId}', { - params: { path: { userId: locals.user.sub }, query: { pageNumber: 1, pageSize: 8 } } + params: { path: { userId: locals.user.sub }, query: { pageNumber: 1, pageSize: 12 } } }) : Promise.resolve({ data: undefined }); const recentlyPlayedPromise = locals.user diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte index e912fd3..dfbbbe2 100644 --- a/frontend/src/routes/+page.svelte +++ b/frontend/src/routes/+page.svelte @@ -46,6 +46,9 @@ return /[.!?]$/.test(pick) ? pick : `${pick}.`; })(); + const listasIsFirstSection = $derived(recentlyPlayed.length === 0 && playlists.length > 0); + const novedadesIsFirstSection = $derived(recentlyPlayed.length === 0 && playlists.length === 0); + function hueFor(id: string) { let hash = 0; for (let i = 0; i < id.length; i++) hash = (hash * 31 + id.charCodeAt(i)) >>> 0; @@ -114,9 +117,9 @@ {/if} {#if playlists.length > 0} -
+

Mis listas

-
+
{#each playlists as playlist, i (playlist.id)} {/if} -
+

Novedades

{#if latest.length > 0}