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>
   );

src/screens/Profile/Profile.js

@@ -17,6 +17,7 @@ import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, icons } from "../../assets";
 import BorderGradient from "../../components/BorderGradient/BorderGradient";
+import GradientButton from "../../components/GradientButton";
 import MoreMenu from "../../components/MoreMenu";
 import PressableScale from "../../components/PressableScale";
 import ProfilePicture from "../../components/ProfilePicture";
@@ -473,6 +474,19 @@ const Profile = () => {
                 <Text style={styles.label}>abonnements</Text>
               </Pressable>
             </View>
+            {isSelf ? (
+              <GradientButton
+                title="Découvrir les abonnements"
+                size="large"
+                onPress={() => push(Routes.Payments)}
+                containerStyle={{
+                  marginTop: 18,
+                  width: "80%",
+                  alignSelf: "center",
+                }}
+                gradientStyle={{ width: "100%" }}
+              />
+            ) : null}
             {!isSelf && (
               <Pressable onPress={handleFollowUser}>
                 <View

src/screens/Studio/GeneratingSong.js

@@ -181,7 +181,7 @@ const GeneratingSong = () => {
         "Le service Suno est indisponible. Veuillez réessayer plus tard.";
       AppAlert(
         "Impossible de générer la musique",
-        sanitized || fallbackMessage
+        sanitized || fallbackMessage,
       );
       if (selectedProjectId) {
         try {
@@ -196,12 +196,12 @@ const GeneratingSong = () => {
                 message: sanitized || fallbackMessage,
               },
             },
-            { merge: true }
+            { merge: true },
           );
         } catch (firestoreError) {
           console.log(
             "GeneratingSong Firestore update error",
-            firestoreError?.message
+            firestoreError?.message,
           );
         }
       }