fix github issues

Author: medyo

src/features/githubCard/components/ArticleItem.tsx

@@ -1,4 +1,3 @@
-import { useMemo } from 'react'
 import CardLink from 'src/components/CardLink'
 import CardItemWithActions from 'src/components/CardItemWithActions'
 import { Attributes } from 'src/lib/analytics'
@@ -11,10 +10,6 @@ const sourceName = 'github'
 const ArticleItem = (props: ArticleItemPropsType) => {
   const { item, index, listingMode, selectedTag } = props
 
-  const title = useMemo(() => {
-    return `${item.owner ? item.owner + '/' : ''}${item.title}`
-  }, [item])
-
   return (
     <CardItemWithActions
       source={sourceName}
@@ -35,8 +30,7 @@ const ArticleItem = (props: ArticleItemPropsType) => {
               [Attributes.LANGUAGE]: selectedTag?.value,
             }}>
             <VscRepo className={'rowTitleIcon'} />
-            {item.owner && `${item?.owner}/`}
-            <b>{item.name}</b>
+            {item.title}
           </CardLink>
           <p className="rowDescription">{item.description}</p>
           {listingMode === 'normal' && (

src/features/githubCard/components/GithubCard.tsx

@@ -34,13 +34,13 @@ export function GithubCard(props: CardPropsType) {
     if (selectedTag) {
       setCardSettings(label.toLowerCase(), { language: selectedTag.label })
     }
-  }, [selectedTag])
+  }, [label, selectedTag, setCardSettings])
 
   useEffect(() => {
     if (selectedDateRange) {
       setCardSettings(label.toLowerCase(), { language: selectedDateRange.value })
     }
-  }, [selectedDateRange])
+  }, [label, selectedDateRange, setCardSettings])
 
   const getQueryTags = () => {
     if (!selectedTag) {
@@ -95,7 +95,7 @@ export function GithubCard(props: CardPropsType) {
           setSelectedTag={setSelectedTag}
           fallbackTag={GLOBAL_TAG}
           cardSettings={cardsSettings?.repos?.language}
-          trackEvent={(tag: Tag) => trackCardLanguageSelect('Repos', tag.value)}
+          trackEvent={(tag: Tag) => trackCardLanguageSelect('Github', tag.value)}
           data={userSelectedTags.map((tag) => ({
             label: tag.label,
             value: tag.value,
@@ -107,7 +107,7 @@ export function GithubCard(props: CardPropsType) {
           selectedTag={selectedDateRange}
           setSelectedTag={setSelectedDateRange}
           fallbackTag={dateRanges[0]}
-          trackEvent={(tag: DateRangeType) => trackCardDateRangeSelect('Repos', tag.value)}
+          trackEvent={(tag: DateRangeType) => trackCardDateRangeSelect('Github', tag.value)}
           cardSettings={cardsSettings?.repos?.dateRange}
           data={dateRanges}
         />