chore: build

frontend-prep/src/api/api.ts

@@ -1859,6 +1859,7 @@ export interface PublicSettings {
     nowpayments_currencies: string[];
     shop_name: string;
     two_fa_enabled: boolean;
+    contact_telegram: string;
 }
 
 export const getPublicSettings = async (): Promise<PublicSettings> => {
@@ -1875,6 +1876,7 @@ export const getPublicSettings = async (): Promise<PublicSettings> => {
         nowpayments_currencies: [],
         shop_name: "Milieu-Nantais",
         two_fa_enabled: false,
+        contact_telegram: "",
     };
     try {
         const response = await fetch(`${API_URL}/app-settings`);
@@ -1898,6 +1900,7 @@ export const getPublicSettings = async (): Promise<PublicSettings> => {
                 : [],
             shop_name: data.shop_name || "Milieu-Nantais",
             two_fa_enabled: data.two_fa_enabled ?? false,
+            contact_telegram: data.contact_telegram || "",
         };
     } catch {
         return defaults;

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

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useCart } from '../../context/useCart';
-import { createCheckout, clearCart, extractUsernameFromToken, isUserAuthenticated, getReferralBalance, getPublicSettings, getMyProfile, getCryptoPaymentStatus, getProductById, getMediaUrl } from '../../api/api';
+import { createCheckout, clearCart, extractUsernameFromToken, isUserAuthenticated, getReferralBalance, getPublicSettings, getMyProfile, getCryptoPaymentStatus, getProductById, getMediaUrl, getTelegramStatus } from '../../api/api';
 import type { CheckoutData, CryptoPaymentStatus } from '../../api/api';
 import type { Product } from '../../api/api';
 import Navbar from '../../components/Navbar';
@@ -80,6 +80,9 @@ function Checkout() {
   const [referralEnabled, setReferralEnabled] = useState(false);
   const [useReferral, setUseReferral] = useState(false);
 
+  // Telegram
+  const [telegramLinked, setTelegramLinked] = useState(false);
+
   // Crypto
   const [cryptoEnabled, setCryptoEnabled] = useState(false);
   const [cryptoOnly, setCryptoOnly] = useState(false);
@@ -129,6 +132,10 @@ function Checkout() {
         if (res.client.prenom) setFirstName(res.client.prenom);
       }
     });
+
+    getTelegramStatus().then((res) => {
+      if (res.linked) setTelegramLinked(true);
+    });
   }, []);
 
   // Charger settings publics (parrainage + crypto)
@@ -578,16 +585,18 @@ function Checkout() {
               </div>
             )}
 
-            <div className="checkout-telegram-note">
-              <i className="fab fa-telegram" />
-              <div>
-                <strong>Compte Telegram requis</strong>
-                <p>
-                  Votre commande ne pourra être validée que si votre compte Telegram est lié.
-                  Rendez-vous dans votre <a href="/user/profil">profil</a> pour le lier avant de confirmer.
-                </p>
+            {!telegramLinked && (
+              <div className="checkout-telegram-note">
+                <i className="fab fa-telegram" />
+                <div>
+                  <strong>Compte Telegram requis</strong>
+                  <p>
+                    Votre commande ne pourra être validée que si votre compte Telegram est lié.
+                    Rendez-vous dans votre <a href="/user/profil">profil</a> pour le lier avant de confirmer.
+                  </p>
+                </div>
               </div>
-            </div>
+            )}
 
             <div className="form-actions">
               <button

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

@@ -5,7 +5,6 @@ import { getReferralBalance, isUserAuthenticated, getPublicSettings } from '../.
 import type { PublicSettings } from '../../api/api';
 import './Parrainage.css';
 
-const TELEGRAM_URL = 'https://t.me/';
 
 const steps = [
     {
@@ -140,21 +139,23 @@ export default function Parrainage() {
                 </div>
 
                 {/* Bouton Telegram */}
-                <div className="parrainage-cta">
-                    <p className="cta-text">
-                        Prêt à parrainer ? Contactez-nous sur Telegram pour enregistrer votre
-                        filleul.
-                    </p>
-                    <a
-                        href={TELEGRAM_URL}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className="telegram-btn"
-                    >
-                        <i className="fab fa-telegram telegram-icon"></i>
-                        Contacter sur Telegram
-                    </a>
-                </div>
+                {settings?.contact_telegram && (
+                    <div className="parrainage-cta">
+                        <p className="cta-text">
+                            Prêt à parrainer ? Contactez-nous sur Telegram pour enregistrer votre
+                            filleul.
+                        </p>
+                        <a
+                            href={`https://t.me/${settings.contact_telegram}`}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="telegram-btn"
+                        >
+                            <i className="fab fa-telegram telegram-icon"></i>
+                            Contacter @{settings.contact_telegram}
+                        </a>
+                    </div>
+                )}
             </div>
         </>
     );