dev day #75

frontend/src/components/elements/SpartaNavbar.tsx

@@ -91,7 +91,7 @@ const SpartaNavbar: React.FC = () => {
 
   const categoryItems = useMemo(() => {
     const source = Array.isArray(navCategories) && navCategories.length > 0 ? navCategories : [];
-    return source.map((cat: any) => ({ label: cat.name, to: cat.url || (cat.slug ? `/blog?category=${encodeURIComponent(cat.slug)}` : '/blog') }));
+    return source.map((cat: any) => ({ label: cat.name, to: cat.url || (cat.id ? `/blog?category_id=${cat.id}` : (cat.slug ? `/blog?category=${encodeURIComponent(cat.slug)}` : '/blog')) }));
   }, [navCategories]);
 
   const NAV_LINKS: NavLink[] = useMemo(() => {
@@ -155,6 +155,20 @@ const SpartaNavbar: React.FC = () => {
             const isActive = isPathActive(nav.to);
             const className = isActive ? 'sparta-button-tertiary' : 'sparta-button-tertiary';
 
+            // When categories are present under Články/Blog, render non-clickable label + category links
+            if (nav.items && nav.items.length > 0 && (nav.label === 'Články' || nav.label === 'Blog' || (nav.to || '').startsWith('/blog'))) {
+              return (
+                <React.Fragment key={nav.label}>
+                  <span className="sparta-button-tertiary" style={{ pointerEvents: 'none', opacity: 0.9 }}>{nav.label}</span>
+                  {nav.items.map((it) => (
+                    <RouterLink key={`${nav.label}-${it.to}`} to={it.to} className={className} onClick={() => setMobileOpen(false)}>
+                      {it.label}
+                    </RouterLink>
+                  ))}
+                </React.Fragment>
+              );
+            }
+
             if (nav.external && nav.to) {
               return (
                 <a key={nav.label} href={nav.to} target="_blank" rel="noreferrer" className={className} onClick={() => setMobileOpen(false)}>