marcel/familienarchiv
1
0
Fork 0
Code Issues 107 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(layout): mount ConfirmDialog in root layout and provide confirm service

Browse Source 
provideConfirmService() sets up context for the entire component tree.
ConfirmDialog is mounted once at the bottom of the layout shell.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-12 13:21:34 +02:00
parent 1942c2a5cb
commit 08bd27b5cd
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/routes/+layout.svelte
View File

@@ -7,9 +7,15 @@ import ThemeToggle from '$lib/components/ThemeToggle.svelte';
import NotificationBell from '$lib/components/NotificationBell.svelte'; import NotificationBell from '$lib/components/NotificationBell.svelte';
import AppNav from './AppNav.svelte'; import AppNav from './AppNav.svelte';
import UserMenu from './UserMenu.svelte'; import UserMenu from './UserMenu.svelte';
import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
import { provideConfirmService } from '$lib/services/confirm.svelte.js';
let { children, data } = $props(); let { children, data } = $props();
// Provide the confirmation service to the entire component tree.
// ConfirmDialog below reads it via getConfirmService() and renders the <dialog>.
provideConfirmService();
const isAdmin = $derived( const isAdmin = $derived(
data?.user?.groups?.some((g: { permissions: string[] }) => g.permissions.includes('ADMIN')) data?.user?.groups?.some((g: { permissions: string[] }) => g.permissions.includes('ADMIN'))
); );
@@ -70,4 +76,7 @@ const userInitials = $derived.by(() => {
<main class={isAuthPage ? '' : 'py-6'}> <main class={isAuthPage ? '' : 'py-6'}>
{@render children()} {@render children()}
</main> </main>
<!-- Shared confirmation dialog — used by getConfirmService() throughout the app -->
<ConfirmDialog />
</div> </div>