From 4c832549f25d981c1620c6fea71e097fbfc81c3d Mon Sep 17 00:00:00 2001
From: Daniel Schulteis <daniel@c-g-r.de>
Date: Sun, 8 Feb 2026 02:20:56 +0100
Subject: [PATCH] fix(layout): handle localized routes in page title logic

---
 app/[locale]/(backend)/layout.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/[locale]/(backend)/layout.tsx b/app/[locale]/(backend)/layout.tsx
index 798d22a..b2a6a1c 100644
--- a/app/[locale]/(backend)/layout.tsx
+++ b/app/[locale]/(backend)/layout.tsx
@@ -14,8 +14,11 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
   const pathname = usePathname();
 
   const getPageTitle = (path: string) => {
-    if (path === "/") return "Overview";
-    
+    const pathSegments = path.split("/").filter(Boolean);
+
+    if (pathSegments.length <= 1) return "Overview";
+    const purePath = `/${pathSegments.slice(1).join("/")}`;
+
     const titles: Record<string, string> = {
       "/users": "Users",
       "/settings": "Settings",
@@ -24,7 +27,8 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
       "/events": "Worship & Events",
     };
 
-    return titles[path] || "Dashboard";
+    return titles[purePath] || "Dashboard";
+
   };
 
   return (
@@ -42,11 +46,11 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
       <div
         className={`flex min-h-screen flex-col transition-all duration-300 md:pl-64`}
       >
-        <Header 
-          onMenuClick={() => setSidebarOpen(!sidebarOpen)} 
-          pageTitle={getPageTitle(pathname)} 
+        <Header
+          onMenuClick={() => setSidebarOpen(!sidebarOpen)}
+          pageTitle={getPageTitle(pathname)}
         />
-        
+
         <main className="animate-in fade-in flex-1 p-4 duration-500 md:p-8">
           {children}
         </main>