mirror of
https://github.com/langbot-app/LangBot.git
synced 2026-06-13 01:06:03 +00:00
The browser tab title was hard-coded to 'LangBot' in index.html and never changed. Add a useDocumentTitle hook that maps the active route to an existing i18n key and sets document.title to '<page> · LangBot', driven by a new top-level RootLayout route element. Re-runs on navigation and on language change so the title stays localized. Falls back to the bare app name for unmapped routes.
10 lines
327 B
TypeScript
10 lines
327 B
TypeScript
import { Outlet } from 'react-router-dom';
|
|
import { useDocumentTitle } from '@/hooks/useDocumentTitle';
|
|
|
|
// Top-level route layout: drives the dynamic document title from the active
|
|
// route and renders the matched child route via <Outlet />.
|
|
export default function RootLayout() {
|
|
useDocumentTitle();
|
|
return <Outlet />;
|
|
}
|