diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-11-13 15:12:41 -0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-11-13 15:12:41 -0800 |
commit | 0501c2be778b1a8517da6ea4111bcbd56dc056ed (patch) | |
tree | 76066acea69eb12125777e646038512bfd7d016d /src/view/com/pager/PagerWithHeader.tsx | |
parent | 47204d955162ace471315beeadcd21b0017543ad (diff) | |
download | voidsky-0501c2be778b1a8517da6ea4111bcbd56dc056ed.tar.zst |
Profile cleanup (react-query refactor) (#1891)
* Only fetch profile tab content when focused * Fix keys * Add missing behaviors to post tabs * Delete old profile mobx model
Diffstat (limited to 'src/view/com/pager/PagerWithHeader.tsx')
-rw-r--r-- | src/view/com/pager/PagerWithHeader.tsx | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/view/com/pager/PagerWithHeader.tsx b/src/view/com/pager/PagerWithHeader.tsx index 95798d26b..cb9b780a8 100644 --- a/src/view/com/pager/PagerWithHeader.tsx +++ b/src/view/com/pager/PagerWithHeader.tsx @@ -24,6 +24,7 @@ const SCROLLED_DOWN_LIMIT = 200 interface PagerWithHeaderChildParams { headerHeight: number + isFocused: boolean onScroll: OnScrollHandler isScrolledDown: boolean scrollElRef: React.MutableRefObject<FlatList<any> | ScrollView | null> @@ -202,6 +203,7 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>( <PagerItem headerHeight={headerHeight} isReady={isReady} + isFocused={i === currentPage} isScrolledDown={isScrolledDown} onScrollWorklet={i === currentPage ? onScrollWorklet : noop} registerRef={(r: AnimatedRef<any>) => registerRef(r, i)} @@ -218,12 +220,14 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>( function PagerItem({ headerHeight, isReady, + isFocused, isScrolledDown, onScrollWorklet, renderTab, registerRef, }: { headerHeight: number + isFocused: boolean isReady: boolean isScrolledDown: boolean registerRef: (scrollRef: AnimatedRef<any>) => void @@ -244,6 +248,7 @@ function PagerItem({ return renderTab({ headerHeight, + isFocused, isScrolledDown, onScroll: scrollHandler, scrollElRef: scrollElRef as React.MutableRefObject< |