github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-05-18 03:10:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

- sort the selected albums by albumName descending. Allows for better stacking when albums with very long names are selected.

Browse Source
This commit is contained in:
CJPeckover
2025-06-07 00:40:10 -04:00
parent 76d8954ad1
commit b52e882e69
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/shared-components/search-bar/search-albums-section.svelte
+5 -1
View File
@@ -14,11 +14,14 @@
} }
let { selectedAlbums = $bindable() }: Props = $props(); let { selectedAlbums = $bindable() }: Props = $props();
let allAlbums: AlbumResponseDto[] = $state([]); let allAlbums: AlbumResponseDto[] = $state([]);
let albumMap = $derived(Object.fromEntries(allAlbums.map((album) => [album.id, album]))); let albumMap = $derived(Object.fromEntries(allAlbums.map((album) => [album.id, album])));
let selectedOption = $state(undefined); let selectedOption = $state(undefined);
let sortedSelectedAlbums = $derived(Array.from(selectedAlbums).sort((a, b) => albumMap[b]?.albumName?.length - albumMap[a]?.albumName?.length));
onMount(async () => { onMount(async () => {
allAlbums = await getAllAlbums({}); allAlbums = await getAllAlbums({});
}); });
@@ -29,6 +32,7 @@
} }
selectedAlbums.add(option.value); selectedAlbums.add(option.value);
selectedOption = undefined; selectedOption = undefined;
}; };
@@ -59,7 +63,7 @@
</form> </form>
<section class="flex flex-wrap pt-2 gap-1"> <section class="flex flex-wrap pt-2 gap-1">
{#each selectedAlbums as albumId (albumId)} {#each sortedSelectedAlbums as albumId (albumId)}
{@const album = albumMap[albumId]} {@const album = albumMap[albumId]}
{#if album} {#if album}
<div class="flex group transition-all"> <div class="flex group transition-all">