chore: update

frontend-prep/src/pages/User/Parrainage.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import Navbar from '../../components/Navbar';
 import { getReferralBalance, isUserAuthenticated, getPublicSettings } from '../../api/api';
+import type { PublicSettings } from '../../api/api';
 import './Parrainage.css';
 
 const TELEGRAM_URL = 'https://t.me/';
@@ -37,6 +38,7 @@ export default function Parrainage() {
     const navigate = useNavigate();
     const [balance, setBalance] = useState<number>(0);
     const [loading, setLoading] = useState(true);
+    const [settings, setSettings] = useState<PublicSettings | null>(null);
 
     useEffect(() => {
         if (!isUserAuthenticated()) {
@@ -48,6 +50,7 @@ export default function Parrainage() {
                 navigate('/user/accueil', { replace: true });
                 return;
             }
+            setSettings(s);
             getReferralBalance().then((res) => {
                 if (res.success) setBalance(res.balance);
                 setLoading(false);
@@ -85,6 +88,21 @@ export default function Parrainage() {
                     )}
                 </div>
 
+                {/* Montant par parrainage */}
+                {settings && settings.referral_amount > 0 && (
+                    <div className="parrainage-reward-card">
+                        <div className="reward-icon"><i className="fas fa-coins"></i></div>
+                        <div className="reward-content">
+                            <div className="reward-label">Crédit par filleul parrainé</div>
+                            <div className="reward-amount">{settings.referral_amount.toFixed(2)} €</div>
+                            <p className="reward-hint">
+                                Vous recevrez ce montant sur votre solde dès que votre filleul
+                                effectue sa première commande validée.
+                            </p>
+                        </div>
+                    </div>
+                )}
+
                 {/* Étapes */}
                 <div className="parrainage-steps-section">
                     <h2 className="parrainage-section-title">Comment ça marche ?</h2>