chore: fix payment

mobile/src/screens/client/CheckoutScreen.tsx

@@ -482,16 +482,35 @@ export default function CheckoutScreen() {
                 {/* Méthode de paiement */}
                 {cryptoEnabled && (
                     <View style={styles.section}>
-                        <Text style={styles.sectionTitle}>Méthode de paiement</Text>
-
                         {cryptoOnly ? (
+                            <>
+                                <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}>
+                                    {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}>
+                                    Choisissez la devise avec laquelle vous souhaitez payer
+                                </Text>
+                            </>
                         ) : (
+                            <>
+                                <Text style={styles.sectionTitle}>Méthode de paiement</Text>
                                 <View style={styles.paymentMethodRow}>
                                     <TouchableOpacity
                                         style={[styles.paymentMethodBtn, paymentMethod === "especes" && styles.paymentMethodBtnActive]}
@@ -512,8 +531,6 @@ export default function CheckoutScreen() {
                                         </Text>
                                     </TouchableOpacity>
                                 </View>
-                        )}
-
                                 {paymentMethod === "crypto" && (
                                     <>
                                         <Text style={styles.sectionTitle}>Cryptomonnaie</Text>
@@ -535,6 +552,8 @@ export default function CheckoutScreen() {
                                         </Text>
                                     </>
                                 )}
+                            </>
+                        )}
                     </View>
                 )}