chore: add corrige adresse

frontend-admin/src/screens/cabine/OrdersScreen.tsx

@@ -7,6 +7,7 @@ import {
     RefreshControl,
     ScrollView,
     TouchableOpacity,
+    TextInput,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { spacing, fontSize, borderRadius } from "../../theme";
@@ -20,6 +21,7 @@ import {
     getCabineLivreursList,
     assignDeliveryPersonByCabine,
     resetClientPoints,
+    proposeAddressChangeCabine,
 } from "../../api/api_cabine";
 import type { CommandResponse } from "../../api/types";
 import StatusBadge from "../../components/StatusBadge";
@@ -71,6 +73,11 @@ export default function OrdersScreen() {
         visible: boolean;
         commandId: number | null;
     }>({ visible: false, commandId: null });
+    const [addressModal, setAddressModal] = useState<{
+        visible: boolean;
+        commandId: number | null;
+        input: string;
+    }>({ visible: false, commandId: null, input: "" });
     const [livreurs, setLivreurs] = useState<{ id: number; username: string }[]>([]);
 
     const loadData = useCallback(async () => {
@@ -148,6 +155,17 @@ export default function OrdersScreen() {
         }
     };
 
+    const handleProposeAddress = async () => {
+        if (!addressModal.commandId || !addressModal.input.trim()) return;
+        try {
+            await proposeAddressChangeCabine(addressModal.commandId, addressModal.input.trim());
+            setAddressModal({ visible: false, commandId: null, input: "" });
+            showSuccess("Proposition envoyée", "Le client a été notifié de la nouvelle adresse proposée");
+        } catch (e: any) {
+            showError("Erreur", e.message);
+        }
+    };
+
     const handleResetPoints = (clientUsername: string) => {
         setOpenMenuId(null);
         showConfirm(
@@ -283,6 +301,28 @@ export default function OrdersScreen() {
                     color: colors.danger,
                     fontSize: fontSize.sm,
                 },
+                addressInput: {
+                    backgroundColor: colors.bgPrimary,
+                    borderWidth: 1,
+                    borderColor: colors.border,
+                    borderRadius: borderRadius.sm,
+                    color: colors.textWhite,
+                    paddingHorizontal: spacing.m,
+                    paddingVertical: spacing.m,
+                    fontSize: fontSize.md,
+                    marginBottom: spacing.m,
+                },
+                addressConfirmBtn: {
+                    backgroundColor: colors.accent,
+                    borderRadius: borderRadius.sm,
+                    paddingVertical: spacing.m,
+                    alignItems: "center",
+                },
+                addressConfirmText: {
+                    color: colors.textWhite,
+                    fontSize: fontSize.md,
+                    fontWeight: "700",
+                },
                 // Modal summary
                 modalSummary: {
                     backgroundColor: colors.bgCard,
@@ -396,6 +436,11 @@ export default function OrdersScreen() {
                 icon: "receipt-outline" as keyof typeof Ionicons.glyphMap,
                 onPress: () => openItems(item.id),
             },
+            {
+                label: "Proposer adresse",
+                icon: "location-outline" as keyof typeof Ionicons.glyphMap,
+                onPress: () => { setOpenMenuId(null); setAddressModal({ visible: true, commandId: item.id, input: "" }); },
+            },
             {
                 label: "Le client est là",
                 icon: "notifications-outline" as keyof typeof Ionicons.glyphMap,
@@ -622,6 +667,29 @@ export default function OrdersScreen() {
                 )}
             </Modal>
 
+            {/* Modal proposition adresse */}
+            <Modal
+                visible={addressModal.visible}
+                onClose={() => setAddressModal({ visible: false, commandId: null, input: "" })}
+                title={`Proposer adresse — commande #${addressModal.commandId}`}
+                icon="location-outline"
+            >
+                <TextInput
+                    style={styles.addressInput}
+                    placeholder="Nouvelle adresse..."
+                    placeholderTextColor={colors.textMuted}
+                    value={addressModal.input}
+                    onChangeText={(t) => setAddressModal((prev) => ({ ...prev, input: t }))}
+                    multiline
+                />
+                <TouchableOpacity
+                    style={styles.addressConfirmBtn}
+                    onPress={handleProposeAddress}
+                >
+                    <Text style={styles.addressConfirmText}>Envoyer la proposition</Text>
+                </TouchableOpacity>
+            </Modal>
+
             <AlertModal
                 visible={alert.visible}
                 type={alert.type}