From 58dc11000766a2db14fef6354d5303528133a9f1 Mon Sep 17 00:00:00 2001
From: root <root@cgvcpusuzr.local>
Date: Wed, 27 May 2026 12:44:43 +0000
Subject: [PATCH] feat: allow admin/logistician to re-edit delivery date after
 agreement

---
 src/components/orders/OrderDetailPanel.jsx | 39 +++++++++++++++-------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/components/orders/OrderDetailPanel.jsx b/src/components/orders/OrderDetailPanel.jsx
index 3d6cea6..9b5fdcd 100644
--- a/src/components/orders/OrderDetailPanel.jsx
+++ b/src/components/orders/OrderDetailPanel.jsx
@@ -425,7 +425,8 @@ export const OrderDetailPanel = ({
 
   React.useEffect(() => {
     setSelectedDriverId(order?.assignedDriverId || "");
-  }, [order?.assignedDriverId]);
+    setIsEditingDate(false);
+  }, [order?.id, order?.assignedDriverId]);
 
   React.useEffect(() => {
     const normalizedDeliveryDate = normalizeDateForInput(order?.deliveryDate);
@@ -447,6 +448,8 @@ export const OrderDetailPanel = ({
   }
 
   const isDeliveryAgreed = (order.deliveryStatus || order.delivery_status) === "agreed";
+  const canEditDelivery = canManageDelivery && ["admin", "mega_admin", "logistician"].includes(userRole);
+  const [isEditingDate, setIsEditingDate] = React.useState(false);
   const agreedDeliveryLabel = [
     formatDeliveryDateDisplay(order.deliveryDate),
     order.deliveryTime || order.deliveryHalfDay,
@@ -611,19 +614,31 @@ export const OrderDetailPanel = ({
                 : "Если клиент согласовал доставку по телефону, сохраните дату и половину дня здесь."}
             </p>
           </div>
-          {isDeliveryAgreed ? (
-            <div className="rounded-[24px] border border-[rgba(18,128,92,0.35)] bg-[var(--color-accent-soft)] p-4 !text-[var(--color-text)]">
-              <div className="flex flex-wrap items-center justify-between gap-3">
-                <div>
-                  <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-accent)]">
-                    Доставка согласована
-                  </p>
-                  <p className="mt-1 text-lg font-semibold">
-                    {agreedDeliveryLabel || "Дата и время сохранены"}
-                  </p>
+          {isDeliveryAgreed && !isEditingDate ? (
+            <div className="space-y-3">
+              <div className="rounded-[24px] border border-[rgba(18,128,92,0.35)] bg-[var(--color-accent-soft)] p-4 !text-[var(--color-text)]">
+                <div className="flex flex-wrap items-center justify-between gap-3">
+                  <div>
+                    <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-accent)]">
+                      Доставка согласована
+                    </p>
+                    <p className="mt-1 text-lg font-semibold">
+                      {agreedDeliveryLabel || "Дата и время сохранены"}
+                    </p>
+                  </div>
+                  <Badge tone="accent">Согласовано</Badge>
                 </div>
-                <Badge tone="accent">Согласовано</Badge>
               </div>
+              {canEditDelivery ? (
+                <Button
+                  variant="secondary"
+                  onClick={() => { setIsEditingDate(true); setFormMessage(""); }}
+                  disabled={isSavingDeliveryChoice}
+                  className="text-sm"
+                >
+                  Изменить дату доставки
+                </Button>
+              ) : null}
             </div>
           ) : (
             <div className="flex flex-col gap-3 md:flex-row md:items-start md:relative md:z-10">