fix ai card comments

Author: medyo

src/features/cards/components/aiCard/ArticleItem.tsx

@@ -1,7 +1,7 @@
 import { BiCommentDetail } from 'react-icons/bi'
 import { GoDotFill } from 'react-icons/go'
 import { MdAccessTime } from 'react-icons/md'
-import { CardItemWithActions, CardLink, ClickableItem } from 'src/components/Elements'
+import { CardItemWithActions, CardLink } from 'src/components/Elements'
 import { Attributes } from 'src/lib/analytics'
 import { useUserPreferences } from 'src/stores/preferences'
 import { Article, BaseItemPropsType } from 'src/types'
@@ -36,6 +36,13 @@ const ArticleItem = (props: BaseItemPropsType<Article>) => {
               <span className="subTitle">{item.title}</span>
             </CardLink>
           </p>
+          {listingMode === 'compact' && (
+            <div className="rowDetails">
+              <span className="rowItem capitalize">
+                <GoDotFill className="rowItemIcon" /> {item.source}
+              </span>
+            </div>
+          )}
           {listingMode === 'normal' && (
             <div className="rowDetails">
               <span className="rowItem capitalize">
@@ -44,18 +51,10 @@ const ArticleItem = (props: BaseItemPropsType<Article>) => {
               <span className="rowItem" title={new Date(item.published_at).toUTCString()}>
                 <MdAccessTime className="rowItemIcon" /> {format(new Date(item.published_at))}
               </span>
-              <ClickableItem
-                link={`https://news.ycombinator.com/item?id=${item.id}`}
-                className="rowItem rowItemClickable"
-                analyticsAttributes={{
-                  [Attributes.POINTS]: item.reactions,
-                  [Attributes.TRIGERED_FROM]: 'card',
-                  [Attributes.TITLE]: `${item.title} comments`,
-                  [Attributes.LINK]: `https://news.ycombinator.com/item?id=${item.id}`,
-                  [Attributes.SOURCE]: analyticsTag,
-                }}>
-                <BiCommentDetail className="rowItemIcon" /> {item.comments} comments
-              </ClickableItem>
+              <span className="rowItem">
+                <BiCommentDetail className={'rowTitleIcon'} />
+                {item.comments} comments
+              </span>
             </div>
           )}
         </>