Claude Fable 5
418aafd5ec
Some checks failed
CI / Lint, typecheck, test (pull_request) Successful in 4m43s
CI / Build container images (pull_request) Successful in 1m11s
CI / Auth e2e pack (pull_request) Successful in 7m14s
CI / Import/export fidelity gate (pull_request) Successful in 56s
CD / Deploy to Test (push) Blocked by required conditions
CD / Smoke tests against Test (push) Blocked by required conditions
CD / Promote to Int (push) Blocked by required conditions
CI / Auth e2e pack (push) Blocked by required conditions
CI / Import/export fidelity gate (push) Blocked by required conditions
CI / Build container images (push) Blocked by required conditions
CD / Build and push images (push) Has been cancelled
CI / Lint, typecheck, test (push) Has been cancelled
i18n spiegelt die aktive Sprache auf <html lang> (Init + languageChanged; der User-Locale-Wechsel in auth-context läuft über dasselbe Event). Neuer useDocumentTitle-Hook setzt je Route einen sprechenden Titel (Seite — Teich — Dorfteich), verdrahtet in allen Routen-Komponenten; dynamische Titel folgen den geladenen Daten. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01AGM8jo3hwoV9wsCVGfy8iq
23 lines
646 B
TypeScript
23 lines
646 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
const APP_NAME = 'Dorfteich';
|
|
|
|
/**
|
|
* Route-specific document title (issue #163, WCAG 2.4.2): joins the given
|
|
* parts with the app name ("Page — Pond — Dorfteich"). Empty/undefined
|
|
* parts are skipped, so callers can pass still-loading data directly.
|
|
* Falls back to the bare app name on unmount.
|
|
*/
|
|
export function useDocumentTitle(...parts: (string | null | undefined)[]): void {
|
|
const joined = [...parts.filter(Boolean), APP_NAME].join(' — ');
|
|
useEffect(() => {
|
|
document.title = joined;
|
|
}, [joined]);
|
|
useEffect(
|
|
() => () => {
|
|
document.title = APP_NAME;
|
|
},
|
|
[],
|
|
);
|
|
}
|