feat(ui): add SyncIndicator to all 19 app layouts

Add <SyncIndicator /> from @manacore/shared-ui to every app layout.
Shows floating pill when browser goes offline ("Offline") and briefly
when reconnecting ("Wieder online"). Auto-fades after 3 seconds.

Simplified component: uses browser online/offline events instead of
sync engine coupling. Works universally without any props.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-28 18:27:30 +01:00
parent b91d4fb663
commit bda77cbcb7
19 changed files with 83 additions and 87 deletions

View file

@ -4,7 +4,9 @@
import { isLoading as i18nLoading, _ as t } from 'svelte-i18n';
import { goto } from '$app/navigation';
import { QuickInputBar } from '@manacore/shared-ui';
import { SyncIndicator } from '@manacore/shared-ui';
import type { QuickInputItem, CreatePreview } from '@manacore/shared-ui';
import { SyncIndicator } from '@manacore/shared-ui';
import { authStore } from '$lib/stores/auth.svelte';
import { useAllMeals, searchMeals } from '$lib/data/queries';
import { parseMealInput, formatParsedMealPreview } from '$lib/utils/meal-parser';
@ -112,4 +114,5 @@
onRegister={() => goto('/register')}
locale="de"
/>
<SyncIndicator />
</AuthGate>