schalli
187fb76c91
- release-notes.ts: reine Auswahl der Versionsabschnitte aus CHANGELOG.md
- release-notice-actions.ts ('use server'): Abruf und Merken ueber die API
- ReleaseNoticeDialog: barrierefreies Fenster, Eintraege ueber ChangelogView (variant plain)
- ReleaseNoticeHost in AppShell: einmal je Seitenladung, merkt erst beim Schliessen
- Texte releaseNotice in de.json und en.json
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
47 lines
1.7 KiB
TypeScript
47 lines
1.7 KiB
TypeScript
'use client';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
import { useSidebarStore } from '@/lib/stores/sidebar-store';
|
|
import { installErrorBuffer } from '@/lib/error-buffer';
|
|
import { Header } from '@/components/layout/header';
|
|
import { Sidebar } from '@/components/layout/sidebar';
|
|
import { ReleaseNoticeHost } from '@/components/release-notice/release-notice-host';
|
|
|
|
export function AppShell({ children }: { children: React.ReactNode }) {
|
|
const isCollapsed = useSidebarStore((s) => s.isCollapsed);
|
|
const [mounted, setMounted] = useState(false);
|
|
|
|
useEffect(() => {
|
|
setMounted(true);
|
|
}, []);
|
|
|
|
// Fehlerpuffer fuer den Fehler-melden-Knopf (quick-260914-m97): einmal je
|
|
// Seitenladung, SSR-sicher, idempotent (StrictMode-Doppeleffekt unschaedlich).
|
|
useEffect(() => {
|
|
installErrorBuffer();
|
|
}, []);
|
|
|
|
// Desktop: sidebar pushes content via margin-left
|
|
// Mobile: sidebar overlays, no margin needed (handled by app-shell-main class in globals.css)
|
|
const sidebarWidth = isCollapsed
|
|
? 'var(--sidebar-width-collapsed)'
|
|
: 'var(--sidebar-width)';
|
|
|
|
return (
|
|
<div className="min-h-screen bg-background">
|
|
<Header />
|
|
<Sidebar />
|
|
{/* Seitenrahmen seit quick-260916-bwo halbiert: p-3 (12 px) statt vorher 24 px (Stufe 6), gilt fuer alle Seiten. */}
|
|
<main
|
|
className="app-shell-main min-h-[calc(100vh-var(--header-height))] transition-all duration-200 p-3"
|
|
style={mounted ? { '--current-sidebar-width': sidebarWidth } as React.CSSProperties : undefined}
|
|
>
|
|
{children}
|
|
</main>
|
|
{/* "Was ist neu"-Fenster nach einem Versionswechsel (quick-260925-bow):
|
|
nur hier im Portal-Rahmen, nie auf der Anmeldeseite. */}
|
|
<ReleaseNoticeHost />
|
|
</div>
|
|
);
|
|
}
|