[PAY-3036] Fix mobile header labels for premium content

packages/mobile/src/screens/collection-screen/CollectionScreenDetailsTile.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useEffect } from 'react'
 
+import { useGetCurrentUserId, useGetPlaylistById } from '@audius/common/api'
 import { Name, PlaybackSource, Status } from '@audius/common/models'
 import type {
   SmartCollectionVariant,
@@ -97,11 +98,14 @@ const useRefetchLineupOnTrackAdd = (
   }, [previousTrackCount, trackCount, dispatch])
 }
 
-const getMessages = (collectionType: 'album' | 'playlist') => ({
+const getMessages = (
+  collectionType: 'album' | 'playlist',
+  isPremium = false
+) => ({
   empty: `This ${collectionType} is empty. Start adding tracks to share it or make it public.`,
   emptyPublic: `This ${collectionType} is empty`,
   detailsPlaceholder: '---',
-  collectionType,
+  collectionType: `${isPremium ? 'premium ' : ''}${collectionType}`,
   hiddenType: `Hidden ${collectionType}`
 })
 
@@ -170,6 +174,16 @@ export const CollectionScreenDetailsTile = ({
 
   const isReachable = useSelector(getIsReachable)
 
+  const { data: currentUserId } = useGetCurrentUserId({})
+  const { data: collection } = useGetPlaylistById(
+    {
+      playlistId: typeof collectionId === 'number' ? collectionId : -1,
+      currentUserId
+    },
+    { disabled: typeof collectionId !== 'number' }
+  )
+  const isStreamGated = collection?.is_stream_gated
+
   const trackUids = useSelector(selectTrackUids)
   const collectionTrackCount = useSelector(selectTrackCount)
   const trackCount = trackCountProp ?? collectionTrackCount
@@ -182,7 +196,7 @@ export const CollectionScreenDetailsTile = ({
   const playingTrack = useSelector(getCurrentTrack)
   const playingTrackId = playingTrack?.track_id
   const firstTrack = useSelector(selectFirstTrack)
-  const messages = getMessages(isAlbum ? 'album' : 'playlist')
+  const messages = getMessages(isAlbum ? 'album' : 'playlist', isStreamGated)
   useRefetchLineupOnTrackAdd(collectionId)
 
   const play = useCallback(

packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx

@@ -71,7 +71,7 @@ const messages = {
   hiddenTrack: 'hidden track',
   collectibleGated: 'collectible gated',
   specialAccess: 'special access',
-  usdcPurchase: 'premium track',
+  premiumTrack: 'premium track',
   generatedWithAi: 'generated with ai',
   trackDeleted: 'track [deleted by artist]'
 }
@@ -304,7 +304,13 @@ export const TrackScreenDetailsTile = ({
       streamConditions={streamConditions}
       user={user}
       renderBottomContent={renderBottomContent}
-      headerText={isRemix ? messages.remix : messages.track}
+      headerText={
+        isRemix
+          ? messages.remix
+          : isStreamGated
+          ? messages.premiumTrack
+          : messages.track
+      }
       hideFavorite={hideFavorite}
       hideRepost={hideRepost}
       hideShare={(is_unlisted && !isOwner) || !field_visibility?.share}