feat(component): ignore current article in cooccurrence article display

cofacts · Jan 10, 2024 · 67c739b · 67c739b
1 parent da3b011
commit 67c739b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/components/CooccurrenceSection/CooccurrenceSection.tsx b/components/CooccurrenceSection/CooccurrenceSection.tsx
@@ -30,10 +30,12 @@ export const fragments = {
 };
 
 type Props = {
+  /** Ignore the current article */
+  currentArticleId: string;
   cooccurrences: CooccurrenceSectionDataFragment[];
 };
 
-function CooccurrenceSection({ cooccurrences }: Props) {
+function CooccurrenceSection({ currentArticleId, cooccurrences }: Props) {
   // Group cooccurrences by same articles
   // then sort by count (more first) and then last createdAt (latest first)
   const cooccurrenceEntries = useMemo(() => {
@@ -56,7 +58,9 @@ function CooccurrenceSection({ cooccurrences }: Props) {
       const lastCooccurredInEntry = entry ? entry.lastCooccurred : null;
       entries.set(key, {
         key,
-        articles: cooccurrence.articles,
+        articles: cooccurrence.articles.filter(
+          ({ id }) => id !== currentArticleId
+        ),
         count: entry ? entry.count + 1 : 1,
         lastCooccurred:
           lastCooccurredInEntry === null ||
@@ -71,7 +75,7 @@ function CooccurrenceSection({ cooccurrences }: Props) {
         return +b.lastCooccurred - +a.lastCooccurred;
       return 0;
     });
-  }, [cooccurrences]);
+  }, [cooccurrences, currentArticleId]);
 
   if (!cooccurrences.length) return null;
 

diff --git a/pages/article/[id].js b/pages/article/[id].js
@@ -579,7 +579,10 @@ function ArticlePage() {
           flexDirection="column"
           css={{ gap: 12 }}
         >
-          <CooccurrenceSection cooccurrences={article.cooccurrences} />
+          <CooccurrenceSection
+            currentArticleId={query.id}
+            cooccurrences={article.cooccurrences}
+          />
           <SideSection>
             <SideSectionHeader>{t`Similar messages`}</SideSectionHeader>
             {similarArticles.length ? (