onNewAlbum(search)} class="flex w-full items-center gap-4 px-6 py-2 transition-colors hover:bg-gray-200 dark:hover:bg-gray-700 rounded-xl" >

{$t('new_album')} {#if search.length > 0}{search}{/if}

{#if filteredAlbums.length > 0} {#if !shared && search.length === 0}

{$t('recent').toUpperCase()}

{#each recentAlbums as album (album.id)} onAlbumClick(album)} /> {/each} {/if} {#if !shared}

{(search.length === 0 ? $t('all_albums') : $t('albums')).toUpperCase()}

{/if} {#each filteredAlbums as album (album.id)} onAlbumClick(album)} /> {/each} {:else if albums.length > 0}

{$t('no_albums_with_name_yet')}

{:else}

{$t('no_albums_yet')}

{/if}