63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import NoteList, { TNoteListRef } from '@/components/NoteList'
|
|
import Tabs from '@/components/Tabs'
|
|
import { useKindFilter } from '@/providers/KindFilterProvider'
|
|
import { useUserTrust } from '@/providers/UserTrustProvider'
|
|
import storage from '@/services/local-storage.service'
|
|
import { TFeedSubRequest, TNoteListMode } from '@/types'
|
|
import { useRef, useState } from 'react'
|
|
import KindFilter from '../KindFilter'
|
|
|
|
export default function NormalFeed({
|
|
subRequests,
|
|
areAlgoRelays = false,
|
|
isMainFeed = false
|
|
}: {
|
|
subRequests: TFeedSubRequest[]
|
|
areAlgoRelays?: boolean
|
|
isMainFeed?: boolean
|
|
}) {
|
|
const { hideUntrustedNotes } = useUserTrust()
|
|
const { showKinds } = useKindFilter()
|
|
const [temporaryShowKinds, setTemporaryShowKinds] = useState(showKinds)
|
|
const [listMode, setListMode] = useState<TNoteListMode>(() => storage.getNoteListMode())
|
|
const noteListRef = useRef<TNoteListRef>(null)
|
|
|
|
const handleListModeChange = (mode: TNoteListMode) => {
|
|
setListMode(mode)
|
|
if (isMainFeed) {
|
|
storage.setNoteListMode(mode)
|
|
}
|
|
noteListRef.current?.scrollToTop('smooth')
|
|
}
|
|
|
|
const handleShowKindsChange = (newShowKinds: number[]) => {
|
|
setTemporaryShowKinds(newShowKinds)
|
|
noteListRef.current?.scrollToTop()
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Tabs
|
|
value={listMode}
|
|
tabs={[
|
|
{ value: 'posts', label: 'Notes' },
|
|
{ value: 'postsAndReplies', label: 'Replies' }
|
|
]}
|
|
onTabChange={(listMode) => {
|
|
handleListModeChange(listMode as TNoteListMode)
|
|
}}
|
|
options={
|
|
<KindFilter showKinds={temporaryShowKinds} onShowKindsChange={handleShowKindsChange} />
|
|
}
|
|
/>
|
|
<NoteList
|
|
ref={noteListRef}
|
|
showKinds={temporaryShowKinds}
|
|
subRequests={subRequests}
|
|
hideReplies={listMode === 'posts'}
|
|
hideUntrustedNotes={hideUntrustedNotes}
|
|
areAlgoRelays={areAlgoRelays}
|
|
/>
|
|
</>
|
|
)
|
|
}
|