feat: implement getFeed API and update Feed component to use it

Author: medyo

src/features/cards/index.ts

@@ -1,4 +1,4 @@
-export * from './api/getAIArticles'
+export * from '../feed/api/getFeed'
 export * from './api/getRssFeed'
 export * from './components/aiCard'
 export * from './components/conferencesCard'

src/features/cards/api/getAIArticles.ts src/features/feed/api/getFeed.tssrc/features/cards/api/getAIArticles.ts renamed to src/features/feed/api/getFeed.ts

@@ -1,26 +1,26 @@
 import { useInfiniteQuery } from '@tanstack/react-query'
 import { axios } from 'src/lib/axios'
 import { InfiniteQueryConfig } from 'src/lib/react-query'
-import { FeedItem } from 'src/types'
+import { FeedItemData } from 'src/types'
 
 type Response = {
-  data: FeedItem[]
+  data: FeedItemData[]
   metadata: {
     next: string | null
     hasNextPage: boolean
   }
 }
-const getAIArticles = async ({
+const getFeed = async ({
   tags,
   next,
 }: {
   tags: string[]
   next?: string | null
 }): Promise<Response> => {
-  return axios.get('/TO_ADD', {
+  return axios.get('', {
     auth: {
-      username: 'hidden',
-      password: 'hidden',
+      username: '',
+      password: '',
     },
     params: {
       tags: [...tags].sort().join(','),
@@ -30,18 +30,18 @@ const getAIArticles = async ({
   })
 }
 
-type QueryFnType = typeof getAIArticles
+type QueryFnType = typeof getFeed
 
 type UseGetArticlesOptions = {
   tags: string[]
   config?: InfiniteQueryConfig<QueryFnType>
 }
 
-export const useGetAIArticles = ({ tags, config }: UseGetArticlesOptions) => {
+export const useGetFeed = ({ tags, config }: UseGetArticlesOptions) => {
   return useInfiniteQuery<Response>({
     ...config,
     queryKey: ['feed', 'v2', tags.join(',')],
-    queryFn: ({ pageParam }) => getAIArticles({ tags, next: pageParam }),
+    queryFn: ({ pageParam }) => getFeed({ tags, next: pageParam }),
     getNextPageParam: (lastPage) => {
       return lastPage.metadata.hasNextPage ? JSON.stringify(lastPage.metadata.next) : undefined
     },

src/features/feed/components/Feed.tsx

@@ -1,10 +1,10 @@
 import useInfiniteScroll from 'react-infinite-scroll-hook'
 import { PropagateLoader } from 'react-spinners'
-import { useGetAIArticles } from 'src/features/cards'
+import { useGetFeed } from 'src/features/cards'
 import { useUserPreferences } from 'src/stores/preferences'
 import './feed.css'
-import { FeedItem } from './FeedItem'
 import { AdvFeedItem } from './feedItems/AdvFeedItem'
+import { FeedItem } from './feedItems/FeedItem'
 
 export const Feed = () => {
   const { userSelectedTags } = useUserPreferences()
@@ -17,7 +17,7 @@ export const Feed = () => {
     error,
     isFetchingNextPage,
     fetchNextPage,
-  } = useGetAIArticles({
+  } = useGetFeed({
     tags: userSelectedTags.map((tag) => tag.label.toLocaleLowerCase()),
   })
 

src/features/feed/index.ts

@@ -1 +1,3 @@
+export * from './api/getFeed'
 export * from './components/Feed'
+export * from './components/feedItems/FeedItem'