Kill 'Follows you' pill in place of 'Mutuals' on follow button

src/components/Pills.tsx

···
 import React from 'react'
 import {View} from 'react-native'
 import {BSKY_LABELER_DID, type ModerationCause} from '@atproto/api'
-import {Trans} from '@lingui/macro'
 
 import {useModerationCauseDescription} from '#/lib/moderation/useModerationCauseDescription'
 import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
···
     </>
   )
 }
-
-export function FollowsYou({size = 'sm'}: CommonProps) {
-  const t = useTheme()
-
-  const variantStyles = React.useMemo(() => {
-    switch (size) {
-      case 'sm':
-      case 'lg':
-      default:
-        return [
-          {
-            paddingHorizontal: 6,
-            paddingVertical: 3,
-            borderRadius: 4,
-          },
-        ]
-    }
-  }, [size])
-
-  return (
-    <View style={[variantStyles, a.justify_center, t.atoms.bg_contrast_50]}>
-      <Text style={[a.text_xs, a.leading_tight]}>
-        <Trans>Follows You</Trans>
-      </Text>
-    </View>
-  )
-}

src/components/ProfileCard.tsx

···
     }
   }
 
-  const unfollowLabel = _(
-    msg({
-      message: 'Following',
-      comment: 'User is following this account, click to unfollow',
-    }),
-  )
+  const unfollowLabel = profile.viewer?.followedBy
+    ? _(
+        msg({
+          message: 'Mutuals',
+          comment: 'User is following this account, click to unfollow',
+        }),
+      )
+    : _(
+        msg({
+          message: 'Following',
+          comment: 'User is following this account, click to unfollow',
+        }),
+      )
   const followLabel = profile.viewer?.followedBy
     ? _(
         msg({
···
 
   return (
     <Pills.Row style={[a.pt_xs]}>
-      {followedBy && <Pills.FollowsYou />}
       {modui.alerts.map(alert => (
         <Pills.Label key={getModerationCauseKey(alert)} cause={alert} />
       ))}

src/components/ProfileHoverCard/index.web.tsx

···
               variant="solid"
               label={
                 profileShadow.viewer?.following
-                  ? _(msg`Following`)
-                  : _(msg`Follow`)
+                  ? profileShadow.viewer?.followedBy
+                    ? _(msg`Mutuals`)
+                    : _(msg`Following`)
+                  : profileShadow.viewer?.followedBy
+                    ? _(msg`Follow back`)
+                    : _(msg`Follow`)
               }
               style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}
               onPress={profileShadow.viewer?.following ? unfollow : follow}>
···
               />
               <ButtonText>
                 {profileShadow.viewer?.following
-                  ? _(msg`Following`)
-                  : _(msg`Follow`)}
+                  ? profileShadow.viewer?.followedBy
+                    ? _(msg`Mutuals`)
+                    : _(msg`Following`)
+                  : profileShadow.viewer?.followedBy
+                    ? _(msg`Follow back`)
+                    : _(msg`Follow`)}
               </ButtonText>
             </Button>
           ))}

src/screens/PostThread/components/ThreadItemAnchorFollowButton.tsx

···
           ) : (
             <Trans>Follow</Trans>
           )
+        ) : isFollowedBy ? (
+          <Trans>Mutuals</Trans>
         ) : (
           <Trans>Following</Trans>
         )}

src/screens/Profile/Header/Handle.tsx

···
 import {View} from 'react-native'
 import {type AppBskyActorDefs} from '@atproto/api'
-import {msg, Trans} from '@lingui/macro'
+import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {isInvalidHandle, sanitizeHandle} from '#/lib/strings/handles'
···
   const t = useTheme()
   const {_} = useLingui()
   const invalidHandle = isInvalidHandle(profile.handle)
-  const blockHide = profile.viewer?.blocking || profile.viewer?.blockedBy
   const isBskySocialHandle = profile.handle.endsWith('.bsky.social')
   const showProfileInHandle = useShowLinkInHandle()
   const sanitized = sanitizeHandle(
···
       style={[a.flex_row, a.gap_sm, a.align_center, {maxWidth: '100%'}]}
       pointerEvents={disableTaps ? 'none' : isIOS ? 'auto' : 'box-none'}>
       <NewskieDialog profile={profile} disabled={disableTaps} />
-      {profile.viewer?.followedBy && !blockHide ? (
-        <View style={[t.atoms.bg_contrast_50, a.rounded_xs, a.px_sm, a.py_xs]}>
-          <Text style={[t.atoms.text, a.text_sm]}>
-            <Trans>Follows you</Trans>
-          </Text>
-        </View>
-      ) : undefined}
+
       <Text
         emoji
         numberOfLines={1}

src/screens/Profile/Header/ProfileHeaderStandard.tsx

···
               {!profile.viewer?.following && <ButtonIcon icon={Plus} />}
               <ButtonText>
                 {profile.viewer?.following ? (
-                  <Trans>Following</Trans>
+                  profile.viewer?.followedBy ? (
+                    <Trans>Mutuals</Trans>
+                  ) : (
+                    <Trans>Following</Trans>
+                  )
                 ) : profile.viewer?.followedBy ? (
                   <Trans>Follow back</Trans>
                 ) : (

src/view/com/profile/ProfileMenu.tsx

···
   const queryClient = useQueryClient()
   const navigation = useNavigation<NavigationProp>()
   const isSelf = currentAccount?.did === profile.did
+  const isFollowedBy = profile.viewer?.followedBy
   const isFollowing = profile.viewer?.following
   const isBlocked = profile.viewer?.blocking || profile.viewer?.blockedBy
   const isFollowingBlockedAccount = isFollowing && isBlocked
···
                         testID="profileHeaderDropdownFollowBtn"
                         label={
                           isFollowing
-                            ? _(msg`Unfollow account`)
+                            ? isFollowedBy
+                              ? _(msg`Divorce mutual`)
+                              : _(msg`Unfollow account`)
                             : _(msg`Follow account`)
                         }
                         onPress={
···
                         }>
                         <Menu.ItemText>
                           {isFollowing ? (
-                            <Trans>Unfollow account</Trans>
+                            isFollowedBy ? (
+                              <Trans>Divorce mutual</Trans>
+                            ) : (
+                              <Trans>Unfollow account</Trans>
+                            )
                           ) : (
                             <Trans>Follow account</Trans>
                           )}