Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-28 20:40:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/OmniboxIcon: refactor to svelte 5 style

Browse Source
This commit is contained in:
wukko 2025-05-23 20:17:37 +06:00
parent e73942200b
commit 34b51745fa
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/save/OmniboxIcon.svelte
View File

@ -2,8 +2,13 @@
import IconLink from "@tabler/icons-svelte/IconLink.svelte";
import IconLoader2 from "@tabler/icons-svelte/IconLoader2.svelte";
export let loading: boolean;
export let animated = !!loading;
type Props = {
loading: boolean;
};
let { loading }: Props = $props();
let animated = $state(loading);
/*
initial spinner state is equal to loading state,
@ -29,12 +34,8 @@
<div
class="input-icon spinner-icon"
class:animated
on:transitionstart={() => {
animated = true;
}}
on:transitionend={() => {
animated = !!loading;
}}
ontransitionstart={() => (animated = true)}
ontransitionend={() => (animated = loading)}
>
<IconLoader2 />
</div>