helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore(web): migration svelte 5 syntax (#13883)

Browse source
This commit is contained in:
Alex 2024-11-14 08:43:25 -06:00 • committed by GitHub
parent 9203a61709
commit 0b3742cf13
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
310 changed files with 6435 additions and 4176 deletions
Download patch file Download diff file Expand all files Collapse all files

18
web/src/lib/components/shared-components/empty-placeholder.svelte
View file

@ -1,22 +1,26 @@
<script lang="ts">
import empty1Url from '$lib/assets/empty-1.svg';
export let onClick: undefined | (() => unknown) = undefined;
export let text: string;
export let fullWidth = false;
export let src = empty1Url;
interface Props {
onClick?: undefined | (() => unknown);
text: string;
fullWidth?: boolean;
src?: string;
}
$: width = fullWidth ? 'w-full' : 'w-1/2';
let { onClick = undefined, text, fullWidth = false, src = empty1Url }: Props = $props();
let width = $derived(fullWidth ? 'w-full' : 'w-1/2');
const hoverClasses = onClick
? `border dark:border-immich-dark-gray hover:bg-immich-primary/5 dark:hover:bg-immich-dark-primary/25`
: '';
</script>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<svelte:element
this={onClick ? 'button' : 'div'}
on:click={onClick}
onclick={onClick}
class="{width} m-auto mt-10 flex flex-col place-content-center place-items-center rounded-3xl bg-gray-50 p-5 dark:bg-immich-dark-gray {hoverClasses}"
>
<img {src} alt="" width="500" draggable="false" />