diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte index 2ac8402b5f4cc..7eff461cf9d26 100644 --- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte @@ -2,9 +2,10 @@ import { intersectionObserver } from '$lib/actions/intersection-observer'; import Icon from '$lib/components/elements/icon.svelte'; import { ProjectionType } from '$lib/constants'; - import { getAssetThumbnailUrl, isSharedLink } from '$lib/utils'; + import { getAssetThumbnailUrl, getUserInfo, isSharedLink } from '$lib/utils'; import { getAltText } from '$lib/utils/thumbnail-util'; import { timeToSeconds } from '$lib/utils/date-time'; + import { user } from '$lib/stores/user.store'; import { AssetMediaSize, AssetTypeEnum, type AssetResponseDto } from '@immich/sdk'; import { locale, playVideoThumbnailOnHover } from '$lib/stores/preferences.store'; import { getAssetPlaybackUrl } from '$lib/utils'; @@ -30,6 +31,7 @@ import { onDestroy } from 'svelte'; import { TUNABLES } from '$lib/utils/tunables'; import { thumbhash } from '$lib/actions/thumbhash'; + import UserAvatar from '$lib/components/shared-components/user-avatar.svelte'; export let asset: AssetResponseDto; export let dateGroup: DateGroup | undefined = undefined; @@ -63,7 +65,6 @@ let className = ''; export { className as class }; - let { IMAGE_THUMBNAIL: { THUMBHASH_FADE_DURATION }, } = TUNABLES; @@ -267,6 +268,12 @@ {/if} + {#if isSharedLink() || asset.ownerId != user.userId} +
+ +
+ {/if} + {#if !isSharedLink() && showArchiveIcon && asset.isArchived}