diff options
Diffstat (limited to 'src/view/screens')
-rw-r--r-- | src/view/screens/Notifications.tsx | 3 | ||||
-rw-r--r-- | src/view/screens/Profile.tsx | 6 | ||||
-rw-r--r-- | src/view/screens/ProfileFeed.tsx | 6 | ||||
-rw-r--r-- | src/view/screens/ProfileList.tsx | 12 |
4 files changed, 21 insertions, 6 deletions
diff --git a/src/view/screens/Notifications.tsx b/src/view/screens/Notifications.tsx index 3ce1128a6..0af6484f3 100644 --- a/src/view/screens/Notifications.tsx +++ b/src/view/screens/Notifications.tsx @@ -26,6 +26,7 @@ import { import {RQKEY as NOTIFS_RQKEY} from '#/state/queries/notifications/feed' import {listenSoftReset, emitSoftReset} from '#/state/events' import {truncateAndInvalidate} from '#/state/queries/util' +import {isNative} from '#/platform/detection' type Props = NativeStackScreenProps< NotificationsTabNavigatorParams, @@ -47,7 +48,7 @@ export function NotificationsScreen({}: Props) { // event handlers // = const scrollToTop = React.useCallback(() => { - scrollElRef.current?.scrollToOffset({offset: 0}) + scrollElRef.current?.scrollToOffset({animated: isNative, offset: 0}) resetMainScroll() }, [scrollElRef, resetMainScroll]) diff --git a/src/view/screens/Profile.tsx b/src/view/screens/Profile.tsx index 946057efb..21353e5d3 100644 --- a/src/view/screens/Profile.tsx +++ b/src/view/screens/Profile.tsx @@ -38,6 +38,7 @@ import {listenSoftReset} from '#/state/events' import {truncateAndInvalidate} from '#/state/queries/util' import {Text} from '#/view/com/util/text/Text' import {usePalette} from 'lib/hooks/usePalette' +import {isNative} from '#/platform/detection' interface SectionRef { scrollToTop: () => void @@ -419,7 +420,10 @@ const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>( const [hasNew, setHasNew] = React.useState(false) const onScrollToTop = React.useCallback(() => { - scrollElRef.current?.scrollToOffset({offset: -headerHeight}) + scrollElRef.current?.scrollToOffset({ + animated: isNative, + offset: -headerHeight, + }) truncateAndInvalidate(queryClient, FEED_RQKEY(feed)) setHasNew(false) }, [scrollElRef, headerHeight, queryClient, feed, setHasNew]) diff --git a/src/view/screens/ProfileFeed.tsx b/src/view/screens/ProfileFeed.tsx index f803930d1..620b1814a 100644 --- a/src/view/screens/ProfileFeed.tsx +++ b/src/view/screens/ProfileFeed.tsx @@ -65,6 +65,7 @@ import {useSession} from '#/state/session' import {useLikeMutation, useUnlikeMutation} from '#/state/queries/like' import {useComposerControls} from '#/state/shell/composer' import {truncateAndInvalidate} from '#/state/queries/util' +import {isNative} from '#/platform/detection' const SECTION_TITLES = ['Posts', 'About'] @@ -511,7 +512,10 @@ const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>( const queryClient = useQueryClient() const onScrollToTop = useCallback(() => { - scrollElRef.current?.scrollToOffset({offset: -headerHeight}) + scrollElRef.current?.scrollToOffset({ + animated: isNative, + offset: -headerHeight, + }) truncateAndInvalidate(queryClient, FEED_RQKEY(feed)) setHasNew(false) }, [scrollElRef, headerHeight, queryClient, feed, setHasNew]) diff --git a/src/view/screens/ProfileList.tsx b/src/view/screens/ProfileList.tsx index f50c6afb3..923560efd 100644 --- a/src/view/screens/ProfileList.tsx +++ b/src/view/screens/ProfileList.tsx @@ -54,7 +54,7 @@ import { import {cleanError} from '#/lib/strings/errors' import {useSession} from '#/state/session' import {useComposerControls} from '#/state/shell/composer' -import {isWeb} from '#/platform/detection' +import {isNative, isWeb} from '#/platform/detection' import {truncateAndInvalidate} from '#/state/queries/util' import { usePreferencesQuery, @@ -563,7 +563,10 @@ const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>( const [hasNew, setHasNew] = React.useState(false) const onScrollToTop = useCallback(() => { - scrollElRef.current?.scrollToOffset({offset: -headerHeight}) + scrollElRef.current?.scrollToOffset({ + animated: isNative, + offset: -headerHeight, + }) queryClient.resetQueries({queryKey: FEED_RQKEY(feed)}) setHasNew(false) }, [scrollElRef, headerHeight, queryClient, feed, setHasNew]) @@ -633,7 +636,10 @@ const AboutSection = React.forwardRef<SectionRef, AboutSectionProps>( ) const onScrollToTop = useCallback(() => { - scrollElRef.current?.scrollToOffset({offset: -headerHeight}) + scrollElRef.current?.scrollToOffset({ + animated: isNative, + offset: -headerHeight, + }) }, [scrollElRef, headerHeight]) React.useImperativeHandle(ref, () => ({ |