Xor290/projet_gestion_commande
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix payment

Browse Source
This commit is contained in:
Xor290
2026-03-19 12:25:19 +01:00
parent 35aac29bb4
commit 3384ebded0
1 changed files with 52 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mobile/src/screens/client/CheckoutScreen.tsx
+52 -33
View File
@@ -482,41 +482,15 @@ export default function CheckoutScreen() {
{/* Méthode de paiement */} {/* Méthode de paiement */}
{cryptoEnabled && ( {cryptoEnabled && (
<View style={styles.section}> <View style={styles.section}>
<Text style={styles.sectionTitle}>Méthode de paiement</Text>
{cryptoOnly ? ( {cryptoOnly ? (
<View style={styles.cryptoOnlyBadge}>
<Ionicons name="logo-bitcoin" size={18} color={CRYPTO_COLOR} />
<Text style={styles.cryptoOnlyText}>
Paiement uniquement en cryptomonnaie
</Text>
</View>
) : (
<View style={styles.paymentMethodRow}>
<TouchableOpacity
style={[styles.paymentMethodBtn, paymentMethod === "especes" && styles.paymentMethodBtnActive]}
onPress={() => setPaymentMethod("especes")}
>
<Ionicons name="cash-outline" size={22} color={paymentMethod === "especes" ? CRYPTO_COLOR : colors.textMuted} />
<Text style={[styles.paymentMethodBtnText, paymentMethod === "especes" && styles.paymentMethodBtnTextActive]}>
Espèces
</Text>
</TouchableOpacity>
<TouchableOpacity
style={[styles.paymentMethodBtn, paymentMethod === "crypto" && styles.paymentMethodBtnActive]}
onPress={() => setPaymentMethod("crypto")}
>
<Ionicons name="logo-bitcoin" size={22} color={paymentMethod === "crypto" ? CRYPTO_COLOR : colors.textMuted} />
<Text style={[styles.paymentMethodBtnText, paymentMethod === "crypto" && styles.paymentMethodBtnTextActive]}>
Crypto
</Text>
</TouchableOpacity>
</View>
)}
{paymentMethod === "crypto" && (
<> <>
<Text style={styles.sectionTitle}>Cryptomonnaie</Text> <Text style={styles.sectionTitle}>Cryptomonnaie</Text>
<View style={styles.cryptoOnlyBadge}>
<Ionicons name="logo-bitcoin" size={18} color={CRYPTO_COLOR} />
<Text style={styles.cryptoOnlyText}>
Paiement uniquement en cryptomonnaie
</Text>
</View>
<View style={styles.currencyGrid}> <View style={styles.currencyGrid}>
{cryptoCurrencies.map((c) => ( {cryptoCurrencies.map((c) => (
<TouchableOpacity <TouchableOpacity
@@ -531,9 +505,54 @@ export default function CheckoutScreen() {
))} ))}
</View> </View>
<Text style={styles.cryptoHint}> <Text style={styles.cryptoHint}>
Vous recevrez l'adresse wallet après validation Choisissez la devise avec laquelle vous souhaitez payer
</Text> </Text>
</> </>
) : (
<>
<Text style={styles.sectionTitle}>Méthode de paiement</Text>
<View style={styles.paymentMethodRow}>
<TouchableOpacity
style={[styles.paymentMethodBtn, paymentMethod === "especes" && styles.paymentMethodBtnActive]}
onPress={() => setPaymentMethod("especes")}
>
<Ionicons name="cash-outline" size={22} color={paymentMethod === "especes" ? CRYPTO_COLOR : colors.textMuted} />
<Text style={[styles.paymentMethodBtnText, paymentMethod === "especes" && styles.paymentMethodBtnTextActive]}>
Espèces
</Text>
</TouchableOpacity>
<TouchableOpacity
style={[styles.paymentMethodBtn, paymentMethod === "crypto" && styles.paymentMethodBtnActive]}
onPress={() => setPaymentMethod("crypto")}
>
<Ionicons name="logo-bitcoin" size={22} color={paymentMethod === "crypto" ? CRYPTO_COLOR : colors.textMuted} />
<Text style={[styles.paymentMethodBtnText, paymentMethod === "crypto" && styles.paymentMethodBtnTextActive]}>
Crypto
</Text>
</TouchableOpacity>
</View>
{paymentMethod === "crypto" && (
<>
<Text style={styles.sectionTitle}>Cryptomonnaie</Text>
<View style={styles.currencyGrid}>
{cryptoCurrencies.map((c) => (
<TouchableOpacity
key={c}
style={[styles.currencyBtn, payCurrency === c && styles.currencyBtnActive]}
onPress={() => setPayCurrency(c)}
>
<Text style={[styles.currencyBtnText, payCurrency === c && styles.currencyBtnTextActive]}>
{c.toUpperCase()}
</Text>
</TouchableOpacity>
))}
</View>
<Text style={styles.cryptoHint}>
Vous recevrez l'adresse wallet après validation
</Text>
</>
)}
</>
)} )}
</View> </View>
)} )}