Eric Bailey
59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import React, {useCallback} from 'react'
|
|
import {View} from 'react-native'
|
|
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {type FeedDescriptor} from '#/state/queries/post-feed'
|
|
import {PostFeed} from '#/view/com/posts/PostFeed'
|
|
import {EmptyState} from '#/view/com/util/EmptyState'
|
|
import {type ListRef} from '#/view/com/util/List'
|
|
import {type SectionRef} from '#/screens/Profile/Sections/types'
|
|
import {HashtagWide_Stroke1_Corner0_Rounded as HashtagWideIcon} from '#/components/icons/Hashtag'
|
|
import {IS_NATIVE} from '#/env'
|
|
|
|
interface ProfilesListProps {
|
|
listUri: string
|
|
headerHeight: number
|
|
scrollElRef: ListRef
|
|
}
|
|
|
|
export const PostsList = React.forwardRef<SectionRef, ProfilesListProps>(
|
|
function PostsListImpl({listUri, headerHeight, scrollElRef}, ref) {
|
|
const feed: FeedDescriptor = `list|${listUri}`
|
|
const {_} = useLingui()
|
|
|
|
const onScrollToTop = useCallback(() => {
|
|
scrollElRef.current?.scrollToOffset({
|
|
animated: IS_NATIVE,
|
|
offset: -headerHeight,
|
|
})
|
|
}, [scrollElRef, headerHeight])
|
|
|
|
React.useImperativeHandle(ref, () => ({
|
|
scrollToTop: onScrollToTop,
|
|
}))
|
|
|
|
const renderPostsEmpty = useCallback(() => {
|
|
return (
|
|
<EmptyState
|
|
icon={HashtagWideIcon}
|
|
iconSize="2xl"
|
|
message={_(msg`This feed is empty.`)}
|
|
/>
|
|
)
|
|
}, [_])
|
|
|
|
return (
|
|
<View>
|
|
<PostFeed
|
|
feed={feed}
|
|
pollInterval={60e3}
|
|
scrollElRef={scrollElRef}
|
|
renderEmptyState={renderPostsEmpty}
|
|
headerOffset={headerHeight}
|
|
/>
|
|
</View>
|
|
)
|
|
},
|
|
)
|