replace GoPrimitiveDot

Author: medyo

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

@@ -1,12 +1,12 @@
-import { format } from 'timeago.js'
-import { VscTriangleUp } from 'react-icons/vsc'
 import { BiCommentDetail } from 'react-icons/bi'
+import { GoDotFill } from 'react-icons/go'
 import { MdAccessTime } from 'react-icons/md'
-import { GoPrimitiveDot } from 'react-icons/go'
-import { CardLink, CardItemWithActions, ClickableItem } from 'src/components/Elements'
+import { VscTriangleUp } from 'react-icons/vsc'
+import { CardItemWithActions, CardLink, ClickableItem } from 'src/components/Elements'
 import { Attributes } from 'src/lib/analytics'
-import { BaseItemPropsType, Article } from 'src/types'
 import { useUserPreferences } from 'src/stores/preferences'
+import { Article, BaseItemPropsType } from 'src/types'
+import { format } from 'timeago.js'
 
 const ArticleItem = (props: BaseItemPropsType<Article>) => {
   const { item, index, analyticsTag } = props
@@ -43,7 +43,7 @@ const ArticleItem = (props: BaseItemPropsType<Article>) => {
           {listingMode === 'normal' && (
             <div className="rowDetails">
               <span className="rowItem hnRowItem">
-                <GoPrimitiveDot className="rowItemIcon" /> {item.reactions} points
+                <GoDotFill className="rowItemIcon" /> {item.reactions} points
               </span>
               <span className="rowItem" title={new Date(item.published_at).toUTCString()}>
                 <MdAccessTime className="rowItemIcon" /> {format(new Date(item.published_at))}

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

@@ -1,12 +1,12 @@
-import { format } from 'timeago.js'
-import { VscTriangleUp } from 'react-icons/vsc'
 import { BiCommentDetail } from 'react-icons/bi'
+import { GoDotFill } from 'react-icons/go'
 import { MdAccessTime } from 'react-icons/md'
-import { GoPrimitiveDot } from 'react-icons/go'
-import { CardLink, CardItemWithActions, ClickableItem } from 'src/components/Elements'
+import { VscTriangleUp } from 'react-icons/vsc'
+import { CardItemWithActions, CardLink, ClickableItem } from 'src/components/Elements'
 import { Attributes } from 'src/lib/analytics'
-import { BaseItemPropsType, Article } from 'src/types'
 import { useUserPreferences } from 'src/stores/preferences'
+import { Article, BaseItemPropsType } from 'src/types'
+import { format } from 'timeago.js'
 
 const ArticleItem = ({ item, index, analyticsTag }: BaseItemPropsType<Article>) => {
   const { listingMode } = useUserPreferences()
@@ -42,7 +42,7 @@ const ArticleItem = ({ item, index, analyticsTag }: BaseItemPropsType<Article>)
           {listingMode === 'normal' && (
             <div className="rowDetails">
               <span className="rowItem lobstersRowItem">
-                <GoPrimitiveDot className="rowItemIcon" /> {item.reactions} points
+                <GoDotFill className="rowItemIcon" /> {item.reactions} points
               </span>
               <span className="rowItem" title={new Date(item.published_at).toUTCString()}>
                 <MdAccessTime className="rowItemIcon" /> {format(new Date(item.published_at))}

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

@@ -1,13 +1,13 @@
 import { BiCommentDetail } from 'react-icons/bi'
+import { BsArrowReturnRight } from 'react-icons/bs'
+import { GoDotFill } from 'react-icons/go'
+import { MdAccessTime } from 'react-icons/md'
 import { VscTriangleUp } from 'react-icons/vsc'
-import { CardLink, CardItemWithActions } from 'src/components/Elements'
+import { CardItemWithActions, CardLink } from 'src/components/Elements'
 import { Attributes } from 'src/lib/analytics'
-import { BaseItemPropsType, Article } from 'src/types'
 import { useUserPreferences } from 'src/stores/preferences'
+import { Article, BaseItemPropsType } from 'src/types'
 import { format } from 'timeago.js'
-import { MdAccessTime } from 'react-icons/md'
-import { GoPrimitiveDot } from 'react-icons/go'
-import { BsArrowReturnRight } from 'react-icons/bs'
 
 type PostFlairPropsType = {
   text: string
@@ -67,7 +67,7 @@ const ArticleItem = ({ item, index, analyticsTag }: BaseItemPropsType<Article>)
             {listingMode === 'normal' && (
               <>
                 <span className="rowItem redditRowItem">
-                  <GoPrimitiveDot className="rowItemIcon" /> {item.reactions} points
+                  <GoDotFill className="rowItemIcon" /> {item.reactions} points
                 </span>
                 <span className="rowItem">
                   <MdAccessTime className="rowItemIcon" /> {format(new Date(item.published_at))}