diff --git a/src/landings/components/shared/LandingArticleGridWithFilter.tsx b/src/landings/components/shared/LandingArticleGridWithFilter.tsx index 898ace65ce..631a0c8d78 100644 --- a/src/landings/components/shared/LandingArticleGridWithFilter.tsx +++ b/src/landings/components/shared/LandingArticleGridWithFilter.tsx @@ -235,7 +235,11 @@ export const ArticleGrid = ({ tocItems, includedCategories, landingType }: Artic {/* Results Grid */}
{paginatedResults.map((article, index) => ( - + ))} {filteredResults.length === 0 && (
@@ -269,9 +273,18 @@ export const ArticleGrid = ({ tocItems, includedCategories, landingType }: Artic type ArticleCardProps = { article: ChildTocItem + includedCategories?: string[] } -const ArticleCard = ({ article }: ArticleCardProps) => { +const ArticleCard = ({ article, includedCategories }: ArticleCardProps) => { + // Filter categories to only show those in includedCategories (if provided and not empty) + const displayCategories = + includedCategories && includedCategories.length > 0 && article.category + ? article.category.filter((cat) => + includedCategories.some((included) => included.toLowerCase() === cat.toLowerCase()), + ) + : article.category + return ( { data-testid="article-card" >
- {article.category && - article.category.map((cat) => )} + {displayCategories && + displayCategories.map((cat) => )}