[PAY-267, C-753] Remove tipping feature flags, Fix mutuals icon

packages/mobile/src/components/feed-tip-tile/FeedTipTile.tsx

@@ -1,7 +1,6 @@
 import { useCallback, useEffect } from 'react'
 
 import type { User } from '@audius/common'
-import { FeatureFlags } from '@audius/common'
 import { getAccountUser } from 'audius-client/src/common/store/account/selectors'
 import { getUsers } from 'audius-client/src/common/store/cache/users/selectors'
 import {
@@ -14,7 +13,6 @@ import { View } from 'react-native'
 import IconRemove from 'app/assets/images/iconRemove.svg'
 import { Tile } from 'app/components/core'
 import { useDispatchWeb } from 'app/hooks/useDispatchWeb'
-import { useFeatureFlag } from 'app/hooks/useRemoteConfig'
 import { useSelectorWeb } from 'app/hooks/useSelectorWeb'
 import { MessageType } from 'app/message/types'
 import {
@@ -72,9 +70,6 @@ export const FeedTipTile = () => {
   const usersMap = useSelectorWeb((state) =>
     getUsers(state, { ids: tipToDisplay ? tipperIds : [] })
   )
-  const { isEnabled: isTippingEnabled } = useFeatureFlag(
-    FeatureFlags.TIPPING_ENABLED
-  )
 
   useEffect(() => {
     const fetchRecentTipsAsync = async () => {
@@ -102,7 +97,7 @@ export const FeedTipTile = () => {
     }
   }, [dispatchWeb, account, tipToDisplay])
 
-  if (!isTippingEnabled || !showTip) {
+  if (!showTip) {
     return null
   }
 

packages/mobile/src/screens/profile-screen/ProfileHeaderV2/ExpandedSection.tsx → packages/mobile/src/screens/profile-screen/ProfileHeader/ExpandedSection.tsx

@@ -56,7 +56,13 @@ const SupportingSectionTitle = () => {
 }
 
 export const ExpandedSection = () => {
-  const { supporting_count, user_id } = useSelectProfile(['supporting_count'])
+  const { supporting_count, user_id, current_user_followee_follow_count } =
+    useSelectProfile([
+      'supporting_count',
+      'user_id',
+
+      'current_user_followee_follow_count'
+    ])
   const accountId = useSelectorWeb(getUserId)
   const isOwner = user_id === accountId
 
@@ -66,7 +72,9 @@ export const ExpandedSection = () => {
       <SocialsAndSites />
       <View style={{ flexDirection: 'row', marginVertical: spacing(2) }}>
         <ProfileTierTile />
-        {isOwner ? null : <ProfileMutualsButton />}
+        {isOwner || current_user_followee_follow_count === 0 ? null : (
+          <ProfileMutualsButton />
+        )}
       </View>
       {supporting_count > 0 ? (
         <>

packages/mobile/src/screens/profile-screen/ProfileHeaderV2/ProfileHeaderV2.tsx → packages/mobile/src/screens/profile-screen/ProfileHeader/ProfileHeader.tsx

@@ -39,11 +39,11 @@ const useStyles = makeStyles(({ palette, spacing }) => ({
   bottomDivider: { marginTop: spacing(2), marginHorizontal: -12 }
 }))
 
-type ProfileHeaderV2Props = {
+type ProfileHeaderProps = {
   scrollY: Animated.Value
 }
 
-export const ProfileHeaderV2 = (props: ProfileHeaderV2Props) => {
+export const ProfileHeader = (props: ProfileHeaderProps) => {
   const { scrollY } = props
   const styles = useStyles()
   const profile = useSelectProfileRoot(['user_id', 'does_current_user_follow'])

packages/mobile/src/screens/profile-screen/ProfileHeaderV2/ProfileMutualsButton.tsx → packages/mobile/src/screens/profile-screen/ProfileHeader/ProfileMutualsButton.tsx

@@ -44,7 +44,7 @@ export const ProfileMutualsButton = () => {
   return (
     <Tile
       styles={{ root: styles.root, tile: styles.tile, content: styles.content }}
-      onPress={current_user_followee_follow_count > 0 ? handlePress : undefined}
+      onPress={handlePress}
     >
       <IconFollowing
         height={20}

packages/mobile/src/screens/profile-screen/ProfileHeader/index.ts

@@ -0,0 +1 @@
+export * from './ProfileHeader'