remove prefetch on hover (maybe revert, just example)

This commit is contained in:
Hailey
2024-02-07 22:36:30 -08:00
parent 95207bad9d
commit 08609deb0d
3 changed files with 1 additions and 37 deletions
-24
View File
@@ -63,30 +63,6 @@ export function useProfilesQuery({handles}: {handles: string[]}) {
}) })
} }
export function usePrefetchProfileQuery() {
const queryClient = useQueryClient()
const prefetchProfileQuery = useCallback(
(did: string) => {
queryClient.prefetchQuery({
queryKey: RQKEY(did),
queryFn: async () => {
const res = await getAgent().getProfile({actor: did || ''})
return res.data
},
})
},
[queryClient],
)
return prefetchProfileQuery
}
export function cacheProfileBasic(
queryClient: QueryClient,
profile: AppBskyActorDefs.ProfileViewBasic,
) {
queryClient.setQueryData(profileBasicKey(profile.handle), profile)
}
interface ProfileUpdateParams { interface ProfileUpdateParams {
profile: AppBskyActorDefs.ProfileView profile: AppBskyActorDefs.ProfileView
updates: updates:
+1 -6
View File
@@ -8,11 +8,10 @@ import {TypographyVariant} from 'lib/ThemeContext'
import {UserAvatar} from './UserAvatar' import {UserAvatar} from './UserAvatar'
import {sanitizeDisplayName} from 'lib/strings/display-names' import {sanitizeDisplayName} from 'lib/strings/display-names'
import {sanitizeHandle} from 'lib/strings/handles' import {sanitizeHandle} from 'lib/strings/handles'
import {isAndroid, isWeb} from 'platform/detection' import {isAndroid} from 'platform/detection'
import {TimeElapsed} from './TimeElapsed' import {TimeElapsed} from './TimeElapsed'
import {makeProfileLink} from 'lib/routes/links' import {makeProfileLink} from 'lib/routes/links'
import {ModerationUI} from '@atproto/api' import {ModerationUI} from '@atproto/api'
import {usePrefetchProfileQuery} from '#/state/queries/profile'
interface PostMetaOpts { interface PostMetaOpts {
author: { author: {
@@ -36,7 +35,6 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
const pal = usePalette('default') const pal = usePalette('default')
const displayName = opts.author.displayName || opts.author.handle const displayName = opts.author.displayName || opts.author.handle
const handle = opts.author.handle const handle = opts.author.handle
const prefetchProfileQuery = usePrefetchProfileQuery()
return ( return (
<View style={[styles.container, opts.style]}> <View style={[styles.container, opts.style]}>
@@ -68,9 +66,6 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
</> </>
} }
href={makeProfileLink(opts.author)} href={makeProfileLink(opts.author)}
onPointerEnter={
isWeb ? () => prefetchProfileQuery(opts.author.did) : undefined
}
/> />
</View> </View>
{!isAndroid && ( {!isAndroid && (
-7
View File
@@ -4,7 +4,6 @@ import {Link} from './Link'
import {isAndroid, isWeb} from 'platform/detection' import {isAndroid, isWeb} from 'platform/detection'
import {makeProfileLink} from 'lib/routes/links' import {makeProfileLink} from 'lib/routes/links'
import {useModalControls} from '#/state/modals' import {useModalControls} from '#/state/modals'
import {usePrefetchProfileQuery} from '#/state/queries/profile'
interface UserPreviewLinkProps { interface UserPreviewLinkProps {
did: string did: string
@@ -15,16 +14,10 @@ export function UserPreviewLink(
props: React.PropsWithChildren<UserPreviewLinkProps>, props: React.PropsWithChildren<UserPreviewLinkProps>,
) { ) {
const {openModal} = useModalControls() const {openModal} = useModalControls()
const prefetchProfileQuery = usePrefetchProfileQuery()
if (isWeb || isAndroid) { if (isWeb || isAndroid) {
return ( return (
<Link <Link
onPointerEnter={() => {
if (isWeb) {
prefetchProfileQuery(props.did)
}
}}
href={makeProfileLink(props)} href={makeProfileLink(props)}
title={props.handle} title={props.handle}
asAnchor asAnchor