feat: hromadné editace

client/src/components/Header.tsx

@@ -25,6 +25,10 @@ export default function Header() {
 
     const effectiveDark = settings?.effectiveDark ?? false;
 
+    /** Podstránka (doplnění údajů ve statistikách) nechá zvýrazněnou svou nadřazenou položku. */
+    const isActive = (url: string) =>
+        location.pathname === url || (url !== DEN_URL && location.pathname.startsWith(`${url}/`));
+
     const toggleTheme = () => {
         const next: ThemePreference = effectiveDark ? 'light' : 'dark';
         settings?.setThemePreference(next);
@@ -39,7 +43,7 @@ export default function Header() {
                     {NAV_ITEMS.map(item => (
                         <button
                             key={item.url}
-                            className={`nav-pill ${location.pathname === item.url ? 'active' : ''}`}
+                            className={`nav-pill ${isActive(item.url) ? 'active' : ''}`}
                             onClick={() => navigate(item.url)}
                         >
                             {item.label}