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

17
web/src/lib/components/shared-components/theme-button.svelte
View file

@ -5,14 +5,15 @@
import { colorTheme, handleToggleTheme } from '$lib/stores/preferences.store';
import { t } from 'svelte-i18n';
// svelte-ignore reactive_declaration_non_reactive_property
$: icon = $colorTheme.value === Theme.LIGHT ? moonPath : sunPath;
// svelte-ignore reactive_declaration_non_reactive_property
$: viewBox = $colorTheme.value === Theme.LIGHT ? moonViewBox : sunViewBox;
// svelte-ignore reactive_declaration_non_reactive_property
$: isDark = $colorTheme.value === Theme.DARK;
let icon = $derived($colorTheme.value === Theme.LIGHT ? moonPath : sunPath);
let viewBox = $derived($colorTheme.value === Theme.LIGHT ? moonViewBox : sunViewBox);
let isDark = $derived($colorTheme.value === Theme.DARK);
export let padding: Padding = '3';
interface Props {
padding?: Padding;
}
let { padding = '3' }: Props = $props();
</script>
{#if !$colorTheme.system}
@ -22,7 +23,7 @@
{viewBox}
role="switch"
aria-checked={isDark ? 'true' : 'false'}
on:click={handleToggleTheme}
onclick={handleToggleTheme}
{padding}
/>
{/if}