refactor: note list component

src/pages/primary/NoteListPage/index.tsx

@@ -1,5 +1,4 @@
 import BookmarkList from '@/components/BookmarkList'
-import NoteList from '@/components/NoteList'
 import PostEditor from '@/components/PostEditor'
 import SaveRelayDropdownMenu from '@/components/SaveRelayDropdownMenu'
 import { Button } from '@/components/ui/button'
@@ -12,13 +11,15 @@ import { PencilLine } from 'lucide-react'
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import FeedButton from './FeedButton'
+import FollowingFeed from './FollowingFeed'
+import RelaysFeed from './RelaysFeed'
 import SearchButton from './SearchButton'
 
 const NoteListPage = forwardRef((_, ref) => {
   const { t } = useTranslation()
   const layoutRef = useRef<TPageRef>(null)
   const { pubkey, checkLogin } = useNostr()
-  const { feedInfo, relayUrls, isReady, filter } = useFeed()
+  const { feedInfo, relayUrls, isReady } = useFeed()
   useImperativeHandle(ref, () => layoutRef.current)
 
   useEffect(() => {
@@ -27,8 +28,10 @@ const NoteListPage = forwardRef((_, ref) => {
     }
   }, [JSON.stringify(relayUrls), feedInfo])
 
-  let content = <div className="text-center text-sm text-muted-foreground">{t('loading...')}</div>
-  if (feedInfo.feedType === 'following' && !pubkey) {
+  let content: React.ReactNode = null
+  if (!isReady) {
+    content = <div className="text-center text-sm text-muted-foreground">{t('loading...')}</div>
+  } else if (feedInfo.feedType === 'following' && !pubkey) {
     content = (
       <div className="flex justify-center w-full">
         <Button size="lg" onClick={() => checkLogin()}>
@@ -48,16 +51,10 @@ const NoteListPage = forwardRef((_, ref) => {
     } else {
       content = <BookmarkList />
     }
-  } else if (isReady) {
-    content = (
-      <NoteList
-        relayUrls={relayUrls}
-        filter={filter}
-        needCheckAlgoRelay={feedInfo.feedType !== 'following'}
-        isMainFeed
-        skipTrustCheck={feedInfo.feedType === 'following'}
-      />
-    )
+  } else if (feedInfo.feedType === 'following') {
+    content = <FollowingFeed />
+  } else {
+    content = <RelaysFeed />
   }
 
   return (