dedupe in the homepage topper (#177)

nypublicradio · Oct 18, 2022 · 54e8b08 · 54e8b08
1 parent cb709da
commit 54e8b08
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/components/GothamistHomepageTopper.vue b/components/GothamistHomepageTopper.vue
@@ -11,7 +11,14 @@ const props = defineProps<{
 }>()
 
 const featuredArticle = computed(() => props.articles[0])
-const latestArticles = computed(() => props.articles.slice(1))
+const latestArticles = computed(() => {
+  return props.articles.slice(1)
+    // remove the manually curated featured article
+    // from the list of latest articles so it
+    // doesn't show up twice in this module
+    .filter(article => article.uuid !== featuredArticle.value.uuid)
+    .slice(0,4)
+})
 </script>
 
 <template v-if="featuredArticle && latestArticles">

diff --git a/pages/index.vue b/pages/index.vue
@@ -22,8 +22,8 @@ const [articles, homePageCollections] = await Promise.all([
   homePageCollectionsPromise,
 ])
 
-// the latest 4 articles
-const latestArticles = articles.slice(0, 4)
+// the latest articles
+const latestArticles = articles
 
 // the home page featured article should display only the first story in the home page content collection
 const featuredArticle = normalizeArticlePage(homePageCollections?.[0].data?.[0])