public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-26 06:30:43 +09:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

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
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}