chore: add notification telegram

frontend-admin/src/screens/delivery/DashboardScreen.tsx

@@ -35,6 +35,9 @@ import {
     startDelivery,
     updateDeliveryStatus,
     updateMyLocation,
+    getLivreurTelegramStatus,
+    generateLivreurLinkToken,
+    unlinkLivreurTelegram,
 } from "../../api/api_delivery";
 import { geocodeAddress, calculateRoute } from "../../api/tomtom";
 import type { RouteInfo } from "../../api/tomtom";
@@ -106,6 +109,11 @@ export default function DashboardScreen() {
 
     const [detailsDelivery, setDetailsDelivery] =
         useState<EnrichedDelivery | null>(null);
+
+    // Telegram
+    const [tgLinked, setTgLinked]     = useState(false);
+    const [tgEnabled, setTgEnabled]   = useState(false);
+    const [tgLoading, setTgLoading]   = useState(false);
     const [cancelModal, setCancelModal] = useState<{
         visible: boolean;
         deliveryId: number | null;
@@ -279,6 +287,7 @@ export default function DashboardScreen() {
 
     useEffect(() => {
         loadData();
+        getLivreurTelegramStatus().then((s) => { setTgLinked(s.linked); setTgEnabled(s.enabled); });
     }, [loadData]);
 
     useEffect(() => {
@@ -741,6 +750,23 @@ export default function DashboardScreen() {
     // --------------------------------------------------
     // Header avec TomTomMap
     // --------------------------------------------------
+    const handleLinkTelegram = async () => {
+        setTgLoading(true);
+        const res = await generateLivreurLinkToken();
+        setTgLoading(false);
+        if (res.error || !res.link_url) {
+            showError("Erreur", res.error || "Service Telegram non disponible");
+            return;
+        }
+        Linking.openURL(res.link_url);
+    };
+
+    const handleUnlinkTelegram = async () => {
+        await unlinkLivreurTelegram();
+        setTgLinked(false);
+        showSuccess("Telegram délié", "Vous ne recevrez plus de notifications Telegram.");
+    };
+
     const renderHeader = () => (
         <View>
             {/* Carte TomTom — toujours montée pour que le ref soit disponible */}
@@ -863,6 +889,33 @@ export default function DashboardScreen() {
                 </View>
             )}
 
+            {/* Carte Telegram */}
+            {tgEnabled && (
+                <View style={{ marginHorizontal: spacing.l, marginBottom: spacing.m, backgroundColor: colors.bgCard, borderRadius: borderRadius.md, padding: spacing.l, borderWidth: 1, borderColor: colors.borderLight }}>
+                    <View style={{ flexDirection: "row", alignItems: "center", gap: spacing.s, marginBottom: spacing.s }}>
+                        <Ionicons name="paper-plane-outline" size={18} color="#2AABEE" />
+                        <Text style={{ color: colors.textPrimary, fontSize: fontSize.md, fontWeight: "600" }}>Notifications Telegram</Text>
+                    </View>
+                    {tgLinked ? (
+                        <View>
+                            <View style={{ flexDirection: "row", alignItems: "center", gap: spacing.s, marginBottom: spacing.s }}>
+                                <Ionicons name="checkmark-circle" size={14} color={colors.success} />
+                                <Text style={{ color: colors.success, fontSize: fontSize.sm }}>Compte lié</Text>
+                            </View>
+                            <TouchableOpacity onPress={handleUnlinkTelegram} style={{ flexDirection: "row", alignItems: "center", gap: spacing.s, padding: spacing.s, borderRadius: borderRadius.sm, borderWidth: 1, borderColor: colors.danger + "66" }}>
+                                <Ionicons name="unlink-outline" size={14} color={colors.danger} />
+                                <Text style={{ color: colors.danger, fontSize: fontSize.sm }}>Délier</Text>
+                            </TouchableOpacity>
+                        </View>
+                    ) : (
+                        <TouchableOpacity onPress={handleLinkTelegram} disabled={tgLoading} style={{ flexDirection: "row", alignItems: "center", justifyContent: "center", gap: spacing.s, padding: spacing.m, borderRadius: borderRadius.sm, backgroundColor: "#2AABEE" }}>
+                            <Ionicons name="paper-plane-outline" size={14} color="#fff" />
+                            <Text style={{ color: "#fff", fontSize: fontSize.sm, fontWeight: "600" }}>{tgLoading ? "Génération..." : "Lier Telegram"}</Text>
+                        </TouchableOpacity>
+                    )}
+                </View>
+            )}
+
             <Text style={styles.sectionTitle}>
                 Mes livraisons ({deliveries.length})
             </Text>