From c9cf04407c82add9a6f353352a822c6f80380735 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 4 Oct 2025 11:00:17 +0000
Subject: [PATCH] Make featured post category-aware

cgen-ef48989d49af4ef0983e4a6efce0eed4
---
 client/pages/Blog.tsx | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/client/pages/Blog.tsx b/client/pages/Blog.tsx
index bebfd690..7597b9ea 100644
--- a/client/pages/Blog.tsx
+++ b/client/pages/Blog.tsx
@@ -273,11 +273,28 @@ export default function Blog() {
 
   const activeFeaturedPost = useMemo(() => {
     const dataset = posts.length ? posts : staticPosts;
-    if (featuredPost) {
-      return featuredPost;
+    const scoped = selectedCategory === "all" ? dataset : filteredPosts;
+    const scopedPosts = scoped.length ? scoped : dataset;
+    const featuredSlug = featuredPost ? buildSlug(featuredPost) : null;
+    if (featuredSlug) {
+      const matchingFeatured = scopedPosts.find(
+        (post) => buildSlug(post) === featuredSlug,
+      );
+      if (matchingFeatured) {
+        return matchingFeatured;
+      }
     }
-    return dataset.find((post) => post.trending) ?? dataset[0] ?? null;
-  }, [featuredPost, posts, staticPosts]);
+    return (
+      scopedPosts.find((post) => post.trending) ??
+      (featuredSlug
+        ? dataset.find((post) => buildSlug(post) === featuredSlug)
+        : null) ??
+      dataset.find((post) => post.trending) ??
+      scopedPosts[0] ??
+      dataset[0] ??
+      null
+    );
+  }, [featuredPost, filteredPosts, posts, staticPosts, selectedCategory]);
 
   const displayedPosts = useMemo(() => {
     if (!activeFeaturedPost) {