diff --git a/packages/mobile/src/components/details-tile/DetailsTile.tsx b/packages/mobile/src/components/details-tile/DetailsTile.tsx index b997cb48f9..b0f4f18341 100644 --- a/packages/mobile/src/components/details-tile/DetailsTile.tsx +++ b/packages/mobile/src/components/details-tile/DetailsTile.tsx @@ -164,6 +164,7 @@ export const DetailsTile = ({ isPlayable = true, isPlaylist = false, isPublished = true, + isUnlisted = false, onPressEdit, onPressFavorites, onPressOverflow, @@ -231,7 +232,8 @@ export const DetailsTile = ({ const renderDogEar = () => { const dogEarType = getDogEarType({ isOwner, - premiumConditions + premiumConditions, + isUnlisted }) return dogEarType ? : null } diff --git a/packages/mobile/src/components/details-tile/DetailsTileNoAccess.tsx b/packages/mobile/src/components/details-tile/DetailsTileNoAccess.tsx index 259e1d0d7f..f1160b60bc 100644 --- a/packages/mobile/src/components/details-tile/DetailsTileNoAccess.tsx +++ b/packages/mobile/src/components/details-tile/DetailsTileNoAccess.tsx @@ -69,8 +69,7 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({ ...flexRowCentered(), justifyContent: 'space-between', marginHorizontal: spacing(2), - marginVertical: spacing(1), - backgroundColor: palette.accentGreen + marginVertical: spacing(1) }, title: { fontFamily: typography.fontByWeight.heavy, diff --git a/packages/mobile/src/components/details-tile/types.ts b/packages/mobile/src/components/details-tile/types.ts index c2139cabb9..942acbd767 100644 --- a/packages/mobile/src/components/details-tile/types.ts +++ b/packages/mobile/src/components/details-tile/types.ts @@ -73,6 +73,9 @@ export type DetailsTileProps = { /** Is the item loaded published */ isPublished?: boolean + /** Is the item unlisted (hidden) */ + isUnlisted?: boolean + /** Function to call when the edit button is pressed */ onPressEdit?: GestureResponderHandler diff --git a/packages/mobile/src/components/lineup-tile/LineupTile.tsx b/packages/mobile/src/components/lineup-tile/LineupTile.tsx index fb6eb20fcf..fab702193f 100644 --- a/packages/mobile/src/components/lineup-tile/LineupTile.tsx +++ b/packages/mobile/src/components/lineup-tile/LineupTile.tsx @@ -75,7 +75,8 @@ export const LineupTile = ({ premiumConditions, isOwner, doesUserHaveAccess, - isArtistPick: showArtistPick && isArtistPick + isArtistPick: showArtistPick && isArtistPick, + isUnlisted }) const handlePress = useCallback(() => { diff --git a/packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx b/packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx index da9dcc461a..629ea53e10 100644 --- a/packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx +++ b/packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx @@ -538,6 +538,7 @@ export const TrackScreenDetailsTile = ({ hideListenCount={is_unlisted && !field_visibility?.play_count} hideRepostCount={is_unlisted} isPlaying={isPlaying && isPlayingId} + isUnlisted={is_unlisted} onPressFavorites={handlePressFavorites} onPressOverflow={handlePressOverflow} onPressPlay={handlePressPlay}