From b627216d814cf8b1b30ab7a9914b46ac2774115c Mon Sep 17 00:00:00 2001
From: Reed <3893871+dharit-tan@users.noreply.github.com>
Date: Tue, 18 Jul 2023 17:01:54 -0400
Subject: [PATCH] [PAY-1639] Fix mobile hidden track dog ear (#3764)

---
 packages/mobile/src/components/details-tile/DetailsTile.tsx   | 4 +++-
 .../src/components/details-tile/DetailsTileNoAccess.tsx       | 3 +--
 packages/mobile/src/components/details-tile/types.ts          | 3 +++
 packages/mobile/src/components/lineup-tile/LineupTile.tsx     | 3 ++-
 .../src/screens/track-screen/TrackScreenDetailsTile.tsx       | 1 +
 5 files changed, 10 insertions(+), 4 deletions(-)

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 ? <DogEar type={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}