acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Override scrollRef types on profile

Browse Source
This commit is contained in:
Eric Bailey
2023-11-17 10:46:59 -06:00
parent 54bf784faf
commit df5ff1b72e
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/screens/Profile.tsx
+20 -8
View File
@@ -7,7 +7,7 @@ import {useLingui} from '@lingui/react'
import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types' import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
import {withAuthRequired} from 'view/com/auth/withAuthRequired' import {withAuthRequired} from 'view/com/auth/withAuthRequired'
import {ViewSelectorHandle} from '../com/util/ViewSelector' import {ViewSelectorHandle} from '../com/util/ViewSelector'
import {CenteredView} from '../com/util/Views' import {CenteredView, FlatList} from '../com/util/Views'
import {ScreenHider} from 'view/com/util/moderation/ScreenHider' import {ScreenHider} from 'view/com/util/moderation/ScreenHider'
import {Feed} from 'view/com/posts/Feed' import {Feed} from 'view/com/posts/Feed'
import {ProfileLists} from '../com/lists/ProfileLists' import {ProfileLists} from '../com/lists/ProfileLists'
@@ -231,7 +231,9 @@ function ProfileScreenLoaded({
headerHeight={headerHeight} headerHeight={headerHeight}
isFocused={isFocused} isFocused={isFocused}
isScrolledDown={isScrolledDown} isScrolledDown={isScrolledDown}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
/> />
)} )}
{({onScroll, headerHeight, isFocused, isScrolledDown, scrollElRef}) => ( {({onScroll, headerHeight, isFocused, isScrolledDown, scrollElRef}) => (
@@ -242,7 +244,9 @@ function ProfileScreenLoaded({
headerHeight={headerHeight} headerHeight={headerHeight}
isFocused={isFocused} isFocused={isFocused}
isScrolledDown={isScrolledDown} isScrolledDown={isScrolledDown}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
/> />
)} )}
{({onScroll, headerHeight, isFocused, isScrolledDown, scrollElRef}) => ( {({onScroll, headerHeight, isFocused, isScrolledDown, scrollElRef}) => (
@@ -253,7 +257,9 @@ function ProfileScreenLoaded({
headerHeight={headerHeight} headerHeight={headerHeight}
isFocused={isFocused} isFocused={isFocused}
isScrolledDown={isScrolledDown} isScrolledDown={isScrolledDown}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
/> />
)} )}
{showLikesTab {showLikesTab
@@ -271,7 +277,9 @@ function ProfileScreenLoaded({
headerHeight={headerHeight} headerHeight={headerHeight}
isFocused={isFocused} isFocused={isFocused}
isScrolledDown={isScrolledDown} isScrolledDown={isScrolledDown}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
/> />
) )
: null} : null}
@@ -279,7 +287,9 @@ function ProfileScreenLoaded({
? ({onScroll, headerHeight, isFocused, scrollElRef}) => ( ? ({onScroll, headerHeight, isFocused, scrollElRef}) => (
<ProfileFeedgens <ProfileFeedgens
did={profile.did} did={profile.did}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
onScroll={onScroll} onScroll={onScroll}
scrollEventThrottle={1} scrollEventThrottle={1}
headerOffset={headerHeight} headerOffset={headerHeight}
@@ -291,7 +301,9 @@ function ProfileScreenLoaded({
? ({onScroll, headerHeight, isFocused, scrollElRef}) => ( ? ({onScroll, headerHeight, isFocused, scrollElRef}) => (
<ProfileLists <ProfileLists
did={profile.did} did={profile.did}
scrollElRef={scrollElRef} scrollElRef={
scrollElRef as React.MutableRefObject<FlatList<any> | null>
}
onScroll={onScroll} onScroll={onScroll}
scrollEventThrottle={1} scrollEventThrottle={1}
headerOffset={headerHeight} headerOffset={headerHeight}
@@ -318,7 +330,7 @@ interface FeedSectionProps {
headerHeight: number headerHeight: number
isFocused: boolean isFocused: boolean
isScrolledDown: boolean isScrolledDown: boolean
scrollElRef: any /* TODO */ scrollElRef: React.MutableRefObject<FlatList<any> | null>
} }
const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>( const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>(
function FeedSectionImpl( function FeedSectionImpl(