joakim/gems
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore fly transition on Toast, clean up debug logs

Browse Source 
Add fly transition back to Toast component and move cleanup from
onDestroy to onMount return for SSR safety. Remove debug console.logs
from page orchestrator.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Joakim
2026-02-19 17:47:51 +01:00
parent 5301fbf706
commit b7e0d434ba
2 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
opal-web/src/lib/components/Toast.svelte
+3 -6
View File
@@ -1,5 +1,5 @@
<script> <script>
import { onMount, onDestroy } from 'svelte'; import { onMount } from 'svelte';
import { fly } from 'svelte/transition'; import { fly } from 'svelte/transition';
/** @type {string} */ /** @type {string} */
@@ -40,14 +40,11 @@
onMount(() => { onMount(() => {
startTimer(); startTimer();
}); return () => clearTimer();
onDestroy(() => {
clearTimer();
}); });
</script> </script>
<div class="toast" transition:fly={{ y: 20, duration: 200 }}> <div class="toast" transition:fly={{ y: 50, duration: 200 }}>
<span class="toast-message">{message}</span> <span class="toast-message">{message}</span>
{#if action} {#if action}
<button class="toast-action" on:click={handleAction} type="button"> <button class="toast-action" on:click={handleAction} type="button">
opal-web/src/routes/+page.svelte
-1
View File
@@ -148,7 +148,6 @@
try { try {
await tasksStore.complete(uuid); await tasksStore.complete(uuid);
// Show undo toast
undoToast = { uuid: task.uuid, description: task.description }; undoToast = { uuid: task.uuid, description: task.description };
} catch (error) { } catch (error) {
console.error('Failed to complete task:', error); console.error('Failed to complete task:', error);