home, subscription and other fixes

This commit is contained in:
Thomas Demirdjian
2025-11-06 17:33:07 +01:00
parent 5f777f3b6d
commit 4365f1e46d
31 changed files with 1579 additions and 348 deletions
+61 -18
View File
@@ -11,6 +11,7 @@ import BorderGradientButton from "../../components/BorderGradientButton";
import GradientButton from "../../components/GradientButton";
import MusicLandHeader from "../../components/MusicLandHeader";
import AppAlert from "../../components/Alert";
import CoinIcon from "../../components/CoinIcon";
import firebase, { getFunctionsClient } from "../../config/firebase";
import Page from "../../layouts/Page";
import { Routes } from "../../navigation";
@@ -367,27 +368,69 @@ const ComposeSong = () => {
>
Générer la musique ?
</Text>
<Text
<View style={{ alignItems: "center", gap: 8 }}>
<View
style={{
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
flexWrap: "wrap",
gap: 6,
}}
>
<Text
style={{
fontSize: 16,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
textAlign: "center",
}}
>
Cette action coûte{" "}
</Text>
<Text
style={{
fontSize: 16,
color: Palette.white,
fontFamily: FONT_FAMILY.InterSemiBold,
textAlign: "center",
}}
>
{MUSIC_GENERATION_COIN_COST}
</Text>
<CoinIcon size={18} />
</View>
<Text
style={{
fontSize: 16,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
textAlign: "center",
}}
>
Souhaites-tu les utiliser pour lancer la génération ?
</Text>
</View>
<View
style={{
fontSize: 16,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
textAlign: "center",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
gap: 6,
}}
>
Cette action coûte {MUSIC_GENERATION_COIN_COST} pièces.
{"\n"}Souhaites-tu les utiliser pour lancer la génération ?
</Text>
<Text
style={{
fontSize: 14,
color: Palette.white,
fontFamily: FONT_FAMILY.InterMedium,
textAlign: "center",
}}
>
Solde disponible : {formattedCoinBalance} pièces
</Text>
<Text
style={{
fontSize: 14,
color: Palette.white,
fontFamily: FONT_FAMILY.InterMedium,
textAlign: "center",
}}
>
Solde disponible : {formattedCoinBalance}
</Text>
<CoinIcon size={16} />
</View>
</View>
<View style={{ width: "85%", alignSelf: "center", gap: 15 }}>
<GradientButton