Prefetch profile links on web (#2634)

1 files changed, 7 insertions, 0 deletions

diff --git a/src/view/com/util/UserPreviewLink.tsx b/src/view/com/util/UserPreviewLink.tsx
index a8985ce45..2f257bb5e 100644
--- a/src/view/com/util/UserPreviewLink.tsx
+++ b/src/view/com/util/UserPreviewLink.tsx
@@ -4,6 +4,7 @@ import {Link} from './Link'
 import {isAndroid, isWeb} from 'platform/detection'
 import {makeProfileLink} from 'lib/routes/links'
 import {useModalControls} from '#/state/modals'
+import {usePrefetchProfileQuery} from '#/state/queries/profile'
 
 interface UserPreviewLinkProps {
   did: string
@@ -14,10 +15,16 @@ export function UserPreviewLink(
   props: React.PropsWithChildren<UserPreviewLinkProps>,
 ) {
   const {openModal} = useModalControls()
+  const prefetchProfileQuery = usePrefetchProfileQuery()
 
   if (isWeb || isAndroid) {
     return (
       <Link
+        onPointerEnter={() => {
+          if (isWeb) {
+            prefetchProfileQuery(props.did)
+          }
+        }}
         href={makeProfileLink(props)}
         title={props.handle}
         asAnchor