[C-2821] Add hidden dog tag to mobile card (#3701)

packages/mobile/src/components/card/Card.tsx

@@ -14,6 +14,8 @@ import { flexRowCentered, makeStyles } from 'app/styles'
 import type { ImageProps } from '../image/FastImage'
 import { CollectionDownloadStatusIndicator } from '../offline-downloads/CollectionDownloadStatusIndicator'
 
+import { CollectionDogEar } from './CollectionDogEar'
+
 export type CardType = 'user' | 'collection'
 
 const useStyles = makeStyles(({ palette, typography, spacing }) => ({
@@ -102,6 +104,9 @@ export const Card = (props: CardProps) => {
       styles={{ root: style, content: styles.cardContent }}
       {...TileProps}
     >
+      {props.type === 'collection' ? (
+        <CollectionDogEar collectionId={props.id} />
+      ) : null}
       {renderImage({
         style: [styles.cardImage, props.type === 'user' && styles.userImage]
       })}

packages/mobile/src/components/card/CollectionDogEar.tsx

@@ -0,0 +1,27 @@
+import type { ID } from '@audius/common'
+import { cacheCollectionsSelectors } from '@audius/common'
+import { useSelector } from 'react-redux'
+
+import { DogEar, DogEarType } from '../core'
+
+const { getCollection } = cacheCollectionsSelectors
+
+type CollectionDogEarProps = {
+  collectionId: ID
+}
+
+export const CollectionDogEar = (props: CollectionDogEarProps) => {
+  const { collectionId } = props
+
+  const isPrivate = useSelector(
+    (state) => getCollection(state, { id: collectionId })?.is_private
+  )
+
+  const dogEarType = isPrivate ? DogEarType.HIDDEN : null
+
+  if (dogEarType) {
+    return <DogEar type={dogEarType} />
+  }
+
+  return null
+}