start adding payment

src/screens/HitParade/components/CoinBadge.js

@@ -1,37 +0,0 @@
-import { View, Text, Image } from "react-native";
-import React from "react";
-import { Palette, Style } from "../../../styles";
-import { icons } from "../../../assets";
-import { size } from "../../../styles/Style";
-import { FONT_FAMILY } from "../../../styles/Fonts";
-
-const CoinBadge = () => {
-  return (
-    <View style={{ ...Style.containerRow }}>
-      <View
-        style={{
-          paddingLeft: 5,
-          paddingRight: 10,
-          paddingVertical: 3,
-          borderTopLeftRadius: 8,
-          borderBottomLeftRadius: 8,
-          backgroundColor: Palette.glass,
-          right: -10,
-        }}
-      >
-        <Text
-          style={{
-            fontSize: 12,
-            color: Palette.white,
-            fontFamily: FONT_FAMILY.InterRegular,
-          }}
-        >
-          100
-        </Text>
-      </View>
-      <Image source={icons.coin} style={size({ size: 26 })} />
-    </View>
-  );
-};
-
-export default CoinBadge;

src/screens/HitParade/components/PlaybacksCard.js

@@ -4,7 +4,6 @@ import { BlurView } from "expo-blur";
 import { img } from "../../../assets";
 import { Palette, Style } from "../../../styles";
 import { FONT_FAMILY } from "../../../styles/Fonts";
-import CoinBadge from "./CoinBadge";
 
 const PlaybacksCard = ({
   rank = 1,
@@ -72,7 +71,6 @@ const PlaybacksCard = ({
             </Text>
           </View>
         </View>
-        <CoinBadge />
       </BlurView>
     </Pressable>
   );

src/screens/HitParade/components/SongCard.js

@@ -12,7 +12,6 @@ import { BlurView } from "expo-blur";
 import Style, { size } from "../../../styles/Style";
 import { Palette } from "../../../styles";
 import { FONT_FAMILY } from "../../../styles/Fonts";
-import CoinBadge from "./CoinBadge";
 
 const SongCard = ({
   rank = 1,
@@ -91,7 +90,6 @@ const SongCard = ({
             </Text>
           </View>
         </View>
-        <CoinBadge />
       </BlurView>
     </Pressable>
   );