Fix flair positioning on mobile (#11952)

Author: Isaac Solo

packages/harmony/src/assets/icons/ContestSign.svg

@@ -34,13 +34,11 @@ export const LineupTileArt = (props: LineupTileArtProps) => {
   const styles = useStyles()
 
   const imageElement = (
-    <View style={[style, trackTileStyles.image]}>
-      <View style={styles.imageRoot}>
-        <View style={[trackTileStyles.image, styles.backdrop]} />
-        <FadeInView style={styles.image} startOpacity={0} duration={500}>
-          {renderImage({ style: trackTileStyles.image })}
-        </FadeInView>
-      </View>
+    <View style={styles.imageRoot}>
+      <View style={[trackTileStyles.image, styles.backdrop]} />
+      <FadeInView style={styles.image} startOpacity={0} duration={500}>
+        {renderImage({ style: trackTileStyles.image })}
+      </FadeInView>
     </View>
   )
 

packages/mobile/src/components/lineup-tile/LineupTileArt.tsx

@@ -85,9 +85,7 @@ export const TrackFlair = ({ size, children, style, trackId }: CoSignProps) => {
 
   const { size: iconSize, position } = layoutBySize[size]
 
-  if (!track) return <>{children}</>
-
-  const remixTrack = track.remix_of?.tracks[0]
+  const remixTrack = track?.remix_of?.tracks[0]
   const hasRemixAuthorReposted = remixTrack?.has_remix_author_reposted ?? false
   const hasRemixAuthorSaved = remixTrack?.has_remix_author_saved ?? false
 
@@ -100,9 +98,9 @@ export const TrackFlair = ({ size, children, style, trackId }: CoSignProps) => {
   ) : null
 
   return (
-    <>
+    <View style={style}>
       <View>{children}</View>
-      <View style={[styles.check, position]}>{flair}</View>
-    </>
+      {flair ? <View style={[styles.check, position]}>{flair}</View> : null}
+    </View>
   )
 }

packages/mobile/src/components/track-flair/TrackFlair.tsx

@@ -87,7 +87,7 @@ const TrackScreenRemixComponent = ({
   const styles = useStyles()
   const { spacing, color } = useTheme()
 
-  const { _co_sign, track_id } = track
+  const { track_id } = track
   const { name, handle } = user
   const navigation = useNavigation()
 
@@ -138,13 +138,9 @@ const TrackScreenRemixComponent = ({
   return (
     <View style={[styles.root, style, stylesProp?.root]}>
       <Pressable onPress={handlePressTrack}>
-        {_co_sign ? (
-          <TrackFlair trackId={track_id} size={Size.MEDIUM} style={{ flex: 0 }}>
-            {images}
-          </TrackFlair>
-        ) : (
-          images
-        )}
+        <TrackFlair trackId={track_id} size={Size.MEDIUM}>
+          {images}
+        </TrackFlair>
       </Pressable>
       <Pressable style={styles.artist} onPress={handlePressArtist}>
         <View style={styles.name}>