Skip to content

Commit a96604d

Browse files
committed
refactor: remove redundant svelte transitions from provider toggle buttons
1 parent 86ed375 commit a96604d

1 file changed

Lines changed: 7 additions & 15 deletions

File tree

src/routes/settings/+page.svelte

Lines changed: 7 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
Languages,
1717
LayoutGrid
1818
} from '@lucide/svelte';
19-
import { scale, fade } from 'svelte/transition';
19+
import { scale } from 'svelte/transition';
2020
2121
let pat = $state(authStore.github.token);
2222
let gistId = $state(authStore.github.gistId);
@@ -493,16 +493,12 @@
493493

494494
<div class="flex items-center gap-2">
495495
<button
496-
type="button"
497-
class="btn grid place-items-center transition-all duration-300 {authStore.activeProvider === 'github' ? 'btn-disabled' : 'btn-outline btn-accent'}"
496+
type="button"
497+
class="btn btn-outline btn-accent"
498498
onclick={() => setActiveProvider('github')}
499499
disabled={authStore.activeProvider === 'github'}
500500
>
501-
{#key authStore.activeProvider}
502-
<span class="col-start-1 row-start-1" in:scale={{duration:250, delay: 100, start: 0.95}} out:fade={{duration:150}}>
503-
{authStore.activeProvider === 'github' ? 'Currently Active' : 'Set as Active Sync Provider'}
504-
</span>
505-
{/key}
501+
{authStore.activeProvider === 'github' ? 'Currently Active' : 'Set as Active Sync Provider'}
506502
</button>
507503
<button type="submit" class="btn btn-primary">
508504
<Save class="h-4 w-4" /> Save
@@ -585,16 +581,12 @@
585581
</div>
586582
<div class="flex items-center gap-2">
587583
<button
588-
type="button"
589-
class="btn grid place-items-center transition-all duration-300 {authStore.activeProvider === 'gdrive' ? 'btn-disabled' : 'btn-outline btn-accent'}"
584+
type="button"
585+
class="btn btn-outline btn-accent"
590586
onclick={() => setActiveProvider('gdrive')}
591587
disabled={authStore.activeProvider === 'gdrive'}
592588
>
593-
{#key authStore.activeProvider}
594-
<span class="col-start-1 row-start-1" in:scale={{duration:250, delay: 100, start: 0.95}} out:fade={{duration:150}}>
595-
{authStore.activeProvider === 'gdrive' ? 'Currently Active' : 'Set as Active Sync Provider'}
596-
</span>
597-
{/key}
589+
{authStore.activeProvider === 'gdrive' ? 'Currently Active' : 'Set as Active Sync Provider'}
598590
</button>
599591
<button type="submit" class="btn btn-primary">
600592
<Save class="h-4 w-4" /> Save

0 commit comments

Comments
 (0)