mirror of
https://github.com/immich-app/immich.git
synced 2025-12-20 01:11:46 +03:00
chore(web): migration svelte 5 syntax (#13883)
This commit is contained in:
@@ -7,13 +7,17 @@
|
||||
import { mdiHeart, mdiMagnifyPlus, mdiImageMultipleOutline } from '@mdi/js';
|
||||
import { t } from 'svelte-i18n';
|
||||
|
||||
export let asset: AssetResponseDto;
|
||||
export let isSelected: boolean;
|
||||
export let onSelectAsset: (asset: AssetResponseDto) => void;
|
||||
export let onViewAsset: (asset: AssetResponseDto) => void;
|
||||
interface Props {
|
||||
asset: AssetResponseDto;
|
||||
isSelected: boolean;
|
||||
onSelectAsset: (asset: AssetResponseDto) => void;
|
||||
onViewAsset: (asset: AssetResponseDto) => void;
|
||||
}
|
||||
|
||||
$: isFromExternalLibrary = !!asset.libraryId;
|
||||
$: assetData = JSON.stringify(asset, null, 2);
|
||||
let { asset, isSelected, onSelectAsset, onViewAsset }: Props = $props();
|
||||
|
||||
let isFromExternalLibrary = $derived(!!asset.libraryId);
|
||||
let assetData = $derived(JSON.stringify(asset, null, 2));
|
||||
</script>
|
||||
|
||||
<div
|
||||
@@ -24,7 +28,7 @@
|
||||
<div class="relative w-full">
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => onSelectAsset(asset)}
|
||||
onclick={() => onSelectAsset(asset)}
|
||||
class="block relative w-full"
|
||||
aria-pressed={isSelected}
|
||||
aria-label={$t('keep')}
|
||||
@@ -74,7 +78,7 @@
|
||||
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => onViewAsset(asset)}
|
||||
onclick={() => onViewAsset(asset)}
|
||||
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')}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user