feat: assets

src/screens/Playbacks/components/PlaybackCharts.js

@@ -1,16 +1,8 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import {
-  FlatList,
-  Image,
-  Platform,
-  ScrollView,
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native'
+import { FlatList, Platform, ScrollView, StyleSheet, Text, View } from 'react-native'
 import { BlurView } from 'expo-blur'
 import { responsiveHeight } from 'react-native-responsive-dimensions'
-import { background, icons } from '../../../assets'
+import { background } from '../../../assets'
 import BorderGradientButton from '../../../components/BorderGradientButton'
 import MobileCoinBadge from '../../../components/MobileCoinBadge'
 import SearchBar from '../../../components/SearchBar'
@@ -25,6 +17,7 @@ import CreateLyricsHeader from '../../Writing/components/CreateLyricsHeader'
 import SongCard from '../../HitParade/components/SongCard'
 import { Palette, Style } from '../../../styles'
 import { FONT_FAMILY } from '../../../styles/Fonts'
+import ClubCard from '../../Home/components/ClubCard'
 
 const allowedPremiumLevels = new Set(['starter', 'pro', 'premium'])
 
@@ -552,10 +545,7 @@ const PlaybackCharts = ({ onPlaybackPress }) => {
         </View>
       ) : null}
       <View style={{ gap: 12, flex: 1 }}>
-        <Image
-          source={icons.musicLandLogo}
-          style={{ alignSelf: 'center', height: 150, resizeMode: 'contain' }}
-        />
+        <ClubCard />
 
         {isWeb && (
           <View