Merge pull request #8875 from internet-development/caidan/app-1406-follow-suggestions-card-to-show-follow-back

[APP-1406] follow suggestions card to show follow back

src/components/ProfileCard.tsx

@@ -515,7 +515,7 @@ export function FollowButtonInner({
   )
   const followLabel = _(
     msg({
-      message: 'Follow',
+      message: profile.viewer?.followedBy ? 'Follow back' : 'Follow',
       comment: 'User is not following this account, click to follow',
     }),
   )

src/screens/Profile/Header/ProfileHeaderStandard.tsx

@@ -247,7 +247,7 @@ let ProfileHeaderStandard = ({
                     {profile.viewer?.following ? (
                       <Trans>Following</Trans>
                     ) : profile.viewer?.followedBy ? (
-                      <Trans>Follow Back</Trans>
+                      <Trans>Follow back</Trans>
                     ) : (
                       <Trans>Follow</Trans>
                     )}

src/view/com/post-thread/PostThreadFollowBtn.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {AppBskyActorDefs} from '@atproto/api'
+import {type AppBskyActorDefs} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useNavigation} from '@react-navigation/native'
@@ -126,7 +126,7 @@ function PostThreadFollowBtnLoaded({
       <ButtonText>
         {!isFollowing ? (
           isFollowedBy ? (
-            <Trans>Follow Back</Trans>
+            <Trans>Follow back</Trans>
           ) : (
             <Trans>Follow</Trans>
           )

src/view/com/profile/FollowButton.tsx

@@ -1,11 +1,11 @@
-import {StyleProp, TextStyle, View} from 'react-native'
+import {type StyleProp, type TextStyle, View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
-import {Shadow} from '#/state/cache/types'
+import {type Shadow} from '#/state/cache/types'
 import {useProfileFollowMutationQueue} from '#/state/queries/profile'
-import * as bsky from '#/types/bsky'
+import type * as bsky from '#/types/bsky'
-import {Button, ButtonType} from '../util/forms/Button'
+import {Button, type ButtonType} from '../util/forms/Button'
 import * as Toast from '../util/Toast'
 
 export function FollowButton({
@@ -78,7 +78,7 @@ export function FollowButton({
         type={unfollowedType}
         labelStyle={labelStyle}
         onPress={onPressFollow}
-        label={_(msg({message: 'Follow Back', context: 'action'}))}
+        label={_(msg({message: 'Follow back', context: 'action'}))}
       />
     )
   }