diff --git a/src/pages/primary/ExplorePage/index.tsx b/src/pages/primary/ExplorePage/index.tsx index 9cb2d18..a305488 100644 --- a/src/pages/primary/ExplorePage/index.tsx +++ b/src/pages/primary/ExplorePage/index.tsx @@ -10,7 +10,7 @@ import { useUserTrust } from '@/providers/UserTrustProvider' import { TPageRef } from '@/types' import { Compass, Plus } from 'lucide-react' import { NostrEvent } from 'nostr-tools' -import { forwardRef, useCallback, useMemo, useState } from 'react' +import { forwardRef, useCallback, useMemo, useRef, useState } from 'react' import { useTranslation } from 'react-i18next' type TExploreTabs = 'following' | 'explore' | 'reviews' @@ -18,6 +18,7 @@ type TExploreTabs = 'following' | 'explore' | 'reviews' const ExplorePage = forwardRef((_, ref) => { const { hideUntrustedNotes } = useUserTrust() const [tab, setTab] = useState('explore') + const topRef = useRef(null) const relayReviewFilterFn = useCallback((evt: NostrEvent) => { const d = getReplaceableEventIdentifier(evt) @@ -61,8 +62,12 @@ const ExplorePage = forwardRef((_, ref) => { { value: 'reviews', label: 'Reviews' }, { value: 'following', label: "Following's Favorites" } ]} - onTabChange={(tab) => setTab(tab as TExploreTabs)} + onTabChange={(tab) => { + setTab(tab as TExploreTabs) + topRef.current?.scrollIntoView({ behavior: 'instant' }) + }} /> +
{content} )