chore: build

mobile/src/screens/client/ParrainageScreen.tsx

@@ -5,27 +5,36 @@ import {
     ScrollView,
     StyleSheet,
     Linking,
+    TouchableOpacity,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { useTheme } from "../../context/ThemeContext";
 import { spacing, borderRadius, fontSize, fontWeight } from "../../theme";
-import { getReferralBalance } from "../../api/api";
+import { getReferralBalance, getPublicSettings } from "../../api/api";
 
 export default function ParrainageScreen() {
     const { colors } = useTheme();
     const [balance, setBalance] = useState<number>(0);
+    const [contactTelegram, setContactTelegram] = useState<string>("");
 
     useEffect(() => {
         getReferralBalance().then((res) => {
             if (res.success) setBalance(res.balance);
         });
+        getPublicSettings().then((settings) => {
+            if (settings.contact_telegram) {
+                setContactTelegram(settings.contact_telegram);
+            }
+        });
     }, []);
 
     const steps = [
         {
             icon: "chatbubble-ellipses-outline" as const,
             title: "1. Contacte-nous sur Telegram",
-            desc: "Envoie un message à @milieu_nantais en indiquant ton username et le username de la personne que tu as parrainée.",
+            desc: contactTelegram
+                ? `Envoie un message à @${contactTelegram} en indiquant ton username et le username de la personne que tu as parrainée.`
+                : "Envoie-nous un message sur Telegram en indiquant ton username et le username de la personne que tu as parrainée.",
         },
         {
             icon: "checkmark-circle-outline" as const,
@@ -152,6 +161,12 @@ export default function ParrainageScreen() {
         [colors],
     );
 
+    const handleTelegramPress = () => {
+        if (contactTelegram) {
+            Linking.openURL(`https://t.me/${contactTelegram}`);
+        }
+    };
+
     return (
         <ScrollView style={styles.container} contentContainerStyle={styles.content}>
             {/* Solde actuel */}
@@ -190,18 +205,14 @@ export default function ParrainageScreen() {
             </View>
 
             {/* Bouton Telegram */}
-            <View
-                style={styles.telegramBtn}
-                // Utiliser TouchableOpacity si besoin d'interaction
-            >
-                <Ionicons name="paper-plane-outline" size={20} color="#fff" />
-                <Text
-                    style={styles.telegramText}
-                    onPress={() => Linking.openURL("https://t.me/milieu_nantais")}
-                >
-                    Contacter @milieu_nantais
-                </Text>
-            </View>
+            {contactTelegram ? (
+                <TouchableOpacity style={styles.telegramBtn} onPress={handleTelegramPress}>
+                    <Ionicons name="paper-plane-outline" size={20} color="#fff" />
+                    <Text style={styles.telegramText}>
+                        Contacter @{contactTelegram}
+                    </Text>
+                </TouchableOpacity>
+            ) : null}
         </ScrollView>
     );
 }