Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-30 19:54:52 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): show favorite icon in duplicate asset (#10688)

Browse Source 
* show favorite icon in duplicate asset

* remove isSharedLink check

* swap places of favorite icon and view button
This commit is contained in:
Pascal Sommer 2024-06-28 21:37:12 +02:00 committed by GitHub
parent a2364a12cf
commit 821570f2fb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/components/utilities-page/duplicates/duplicate-asset.svelte
View File

@ -4,7 +4,7 @@
import { getAssetResolution, getFileSize } from '$lib/utils/asset-utils'; import { getAssetResolution, getFileSize } from '$lib/utils/asset-utils';
import { getAltText } from '$lib/utils/thumbnail-util'; import { getAltText } from '$lib/utils/thumbnail-util';
import { getAllAlbums, type AssetResponseDto } from '@immich/sdk'; import { getAllAlbums, type AssetResponseDto } from '@immich/sdk';
import { mdiMagnifyPlus } from '@mdi/js'; import { mdiHeart, mdiMagnifyPlus } from '@mdi/js';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
export let asset: AssetResponseDto; export let asset: AssetResponseDto;
@ -38,6 +38,13 @@
draggable="false" draggable="false"
/> />
<!-- FAVORITE ICON -->
{#if asset.isFavorite}
<div class="absolute bottom-2 left-2">
<Icon path={mdiHeart} size="24" class="text-white" />
</div>
{/if}
<!-- OVERLAY CHIP --> <!-- OVERLAY CHIP -->
<div <div
class="absolute bottom-1 right-3 px-4 py-1 rounded-xl text-xs transition-colors {isSelected class="absolute bottom-1 right-3 px-4 py-1 rounded-xl text-xs transition-colors {isSelected
@ -58,7 +65,7 @@
<button <button
type="button" type="button"
on:click={() => onViewAsset(asset)} on:click={() => onViewAsset(asset)}
class="absolute rounded-full bottom-1 left-1 text-gray-200 p-2 hover:text-white bg-black/35 hover:bg-black/50" class="absolute rounded-full top-1 left-1 text-gray-200 p-2 hover:text-white bg-black/35 hover:bg-black/50"
title={$t('view')} title={$t('view')}
> >
<Icon ariaLabel={$t('view')} path={mdiMagnifyPlus} flipped size="18" /> <Icon ariaLabel={$t('view')} path={mdiMagnifyPlus} flipped size="18" />