self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-28 09:33:27 +02:00
Code Issues Releases Activity

fix(web): small fixes for album selection modal (#2527)

Browse Source
This commit is contained in:
Michel Heusschen 2023-05-23 11:15:48 +02:00 committed by GitHub
parent 99b018cd49
commit 50b649cd3e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,15 +27,16 @@
on:click={() => dispatcher('album')}
class="w-full flex gap-4 px-6 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"
>
<div class="h-12 w-12">
<img
src={album.albumThumbnailAssetId &&
api.getAssetThumbnailUrl(album.albumThumbnailAssetId, ThumbnailFormat.Webp)}
alt={album.albumName}
class={`object-cover h-full w-full transition-all z-0 rounded-xl duration-300 hover:shadow-lg`}
data-testid="album-image"
draggable="false"
/>
<div class="h-12 w-12 rounded-xl bg-slate-300">
{#if album.albumThumbnailAssetId}
<img
src={api.getAssetThumbnailUrl(album.albumThumbnailAssetId, ThumbnailFormat.Webp)}
alt={album.albumName}
class={`object-cover h-full w-full transition-all z-0 rounded-xl duration-300 hover:shadow-lg`}
data-testid="album-image"
draggable="false"
/>
{/if}
</div>
<div class="h-12 flex flex-col items-start justify-center">
<span>{albumNameArray[0]}<b>{albumNameArray[1]}</b>{albumNameArray[2]}</span>

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

@ -16,18 +16,10 @@
export let shared: boolean;
onMount(async () => {
loading = true;
const { data } = await api.albumApi.getAllAlbums();
if (shared) {
albums = data.filter((album) => album.shared === shared);
} else {
albums = data;
}
const { data } = await api.albumApi.getAllAlbums(shared || undefined);
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);
@ -61,7 +53,7 @@
<svelte:fragment slot="title">
<span class="flex gap-2 place-items-center">
<p class="font-medium">
Add to {#if shared}shared {/if}
Add to {#if shared}Shared {/if} Album
</p>
</span>
</svelte:fragment>