Fix for avatar preloading (#7816)

* mobile avatar profile preloading fix

* updating fix to include moderation

* removing comments, adding disableNavigation to PreviewableUserAvatarProps

src/view/com/composer/ComposerReplyTo.tsx

@@ -77,6 +77,7 @@ export function ComposerReplyTo({replyTo}: {replyTo: ComposerOptsPostRef}) {
         profile={replyTo.author}
         moderation={replyTo.moderation?.ui('avatar')}
         type={replyTo.author.associated?.labeler ? 'labeler' : 'user'}
+        disableNavigation={true}
       />
       <View style={styles.replyToPost}>
         <Text type="xl-medium" style={t.atoms.text} numberOfLines={1} emoji>

src/view/com/util/UserAvatar.tsx

@@ -66,6 +66,7 @@ interface PreviewableUserAvatarProps extends BaseUserAvatarProps {
   moderation?: ModerationUI
   profile: bsky.profile.AnyProfileView
   disableHoverCard?: boolean
+  disableNavigation?: boolean
   onBeforePress?: () => void
 }
 
@@ -439,6 +440,7 @@ let PreviewableUserAvatar = ({
   moderation,
   profile,
   disableHoverCard,
+  disableNavigation,
   onBeforePress,
   ...rest
 }: PreviewableUserAvatarProps): React.ReactNode => {
@@ -450,23 +452,31 @@ let PreviewableUserAvatar = ({
     precacheProfile(queryClient, profile)
   }, [profile, queryClient, onBeforePress])
 
+  const avatarEl = (
+    <UserAvatar
+      avatar={profile.avatar}
+      moderation={moderation}
+      type={profile.associated?.labeler ? 'labeler' : 'user'}
+      {...rest}
+    />
+  )
+
   return (
     <ProfileHoverCard did={profile.did} disable={disableHoverCard}>
-      <Link
+      {disableNavigation ? (
-        label={_(msg`${profile.displayName || profile.handle}'s avatar`)}
+        avatarEl
-        accessibilityHint={_(msg`Opens this profile`)}
+      ) : (
-        to={makeProfileLink({
+        <Link
-          did: profile.did,
+          label={_(msg`${profile.displayName || profile.handle}'s avatar`)}
-          handle: profile.handle,
+          accessibilityHint={_(msg`Opens this profile`)}
-        })}
+          to={makeProfileLink({
-        onPress={onPress}>
+            did: profile.did,
-        <UserAvatar
+            handle: profile.handle,
-          avatar={profile.avatar}
+          })}
-          moderation={moderation}
+          onPress={onPress}>
-          type={profile.associated?.labeler ? 'labeler' : 'user'}
+          {avatarEl}
-          {...rest}
+        </Link>
-        />
+      )}
-      </Link>
     </ProfileHoverCard>
   )
 }