From 9554aca11fc51fbd1228be57ba9db374362d952c Mon Sep 17 00:00:00 2001
From: byhow <by.how@hotmail.com>
Date: Wed, 12 Jun 2024 10:51:01 -0700
Subject: [PATCH] chore(collection): locate changes for focusing articles
 within the collection

re #4546
---
 .../AuthorSidebar/Collection/index.tsx        | 45 +++++++++++--------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/views/ArticleDetail/AuthorSidebar/Collection/index.tsx b/src/views/ArticleDetail/AuthorSidebar/Collection/index.tsx
index 5e789ccbfa..1ccd259877 100644
--- a/src/views/ArticleDetail/AuthorSidebar/Collection/index.tsx
+++ b/src/views/ArticleDetail/AuthorSidebar/Collection/index.tsx
@@ -107,25 +107,32 @@ export const Collection = ({ article, collectionId }: CollectionProps) => {
           loader={<ArticleDigestAuthorSidebarFeedPlaceholder />}
         >
           <List borderPosition="top">
-            {edges?.map(({ node, cursor }, i) => (
-              <List.Item key={cursor}>
-                <ArticleDigestAuthorSidebar
-                  article={node}
-                  titleTextSize={14}
-                  collectionId={collectionId}
-                  titleColor={node.id === article?.id ? 'black' : 'greyDarker'}
-                  showCover={false}
-                  clickEvent={() => {
-                    analytics.trackEvent('click_feed', {
-                      type: 'article_detail_author_sidebar_collection',
-                      contentType: 'article',
-                      location: i,
-                      id: node.id,
-                    })
-                  }}
-                />
-              </List.Item>
-            ))}
+            {edges?.map(
+              (
+                { node, cursor },
+                i // TODO: find focus factor
+              ) => (
+                <List.Item key={cursor}>
+                  <ArticleDigestAuthorSidebar
+                    article={node}
+                    titleTextSize={14}
+                    collectionId={collectionId}
+                    titleColor={
+                      node.id === article?.id ? 'black' : 'greyDarker'
+                    }
+                    showCover={false}
+                    clickEvent={() => {
+                      analytics.trackEvent('click_feed', {
+                        type: 'article_detail_author_sidebar_collection',
+                        contentType: 'article',
+                        location: i,
+                        id: node.id,
+                      })
+                    }}
+                  />
+                </List.Item>
+              )
+            )}
           </List>
         </InfiniteScroll>
       </section>