cotugno/immich
2
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-16 02:18:50 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix(web) Fix incorrect album type (shared/non-shared) in album selection modal (#1219)

Browse Source 
* fix(web) Fix incorrect album type (shared/non-shared) in album selection modal

* styling

* remove deadcode
This commit is contained in:
Alex 2022-12-29 15:31:54 -06:00 committed by GitHub
parent 93274a6d7b
commit 6736063f83
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/lib/components/asset-viewer/album-list-item.svelte
View File

@ -29,7 +29,6 @@
</span>
{:else}
<span>{album.assetCount} items</span>
<span> · {new Date(album.createdAt).toLocaleDateString()}</span>
<span
>{#if album.shared} · Shared{/if}
</span>

25
web/src/lib/components/shared-components/album-selection-modal.svelte
View File

@ -14,12 +14,21 @@
export let shared: boolean;
onMount(async () => {
loading = true;
const { data } = await api.albumApi.getAllAlbums();
albums = data;
if (shared) {
albums = data.filter((album) => album.shared === shared);
} else {
albums = data;
}
recentAlbums = albums
.filter((album) => album.shared === shared)
.sort((a, b) => (new Date(a.createdAt) > new Date(b.createdAt) ? -1 : 1))
.slice(0, 3);
loading = false;
});
@ -75,20 +84,16 @@
{#if albums.length > 0}
{#if !shared}
<p class="text-xs px-5 py-3">RECENT</p>
{/if}
{#each recentAlbums as album}
{#key album.id}
{#each recentAlbums as album (album.id)}
<AlbumListItem variant="simple" {album} on:album={() => handleSelect(album)} />
{/key}
{/each}
{/each}
{/if}
{#if !shared}
<p class="text-xs px-5 py-3">ALL ALBUMS</p>
{/if}
{#each albums as album}
{#key album.id}
<AlbumListItem {album} on:album={() => handleSelect(album)} />
{/key}
{#each albums as album (album.id)}
<AlbumListItem {album} on:album={() => handleSelect(album)} />
{/each}
{:else}
<p class="text-sm px-5 py-1">It looks like you do not have any albums yet.</p>