);
};
\ No newline at end of file
diff --git a/src/components/orders/CalledPanel.jsx b/src/components/orders/CalledPanel.jsx
new file mode 100644
index 0000000..3e8971f
--- /dev/null
+++ b/src/components/orders/CalledPanel.jsx
@@ -0,0 +1,125 @@
+import React, { useState } from "react";
+import { supabase } from "../../supabaseClient";
+import { Button } from "../UI/Button";
+
+const CalledPanel = ({ order, onUpdate }) => {
+ const [busy, setBusy] = useState(false);
+ const [editing, setEditing] = useState(false);
+ const [comment, setComment] = useState(order?.called_comment || "");
+ const [callDate, setCallDate] = useState(() => {
+ if (!order?.called_at) return "";
+ const d = new Date(order.called_at);
+ return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`;
+ });
+ const [callTime, setCallTime] = useState(() => {
+ if (!order?.called_at) return "";
+ const d = new Date(order.called_at);
+ return `${String(d.getHours()).padStart(2,"0")}:${String(d.getMinutes()).padStart(2,"0")}`;
+ });
+
+ const isCalled = !!order?.called;
+
+ const formatCalledAt = (ts) => {
+ if (!ts) return "";
+ try {
+ return new Date(ts).toLocaleString("ru-RU", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" });
+ } catch { return ""; }
+ };
+
+ const save = async (newCalled) => {
+ if (busy || !order?.id) return;
+ setBusy(true);
+ try {
+ let calledAt = null;
+ if (newCalled) {
+ if (callDate && callTime) {
+ calledAt = new Date(`${callDate}T${callTime}:00`).toISOString();
+ } else {
+ calledAt = new Date().toISOString();
+ }
+ }
+ const { error } = await supabase
+ .from("order_groups")
+ .update({ called: newCalled, called_at: calledAt, called_comment: newCalled ? comment.trim() : null })
+ .eq("id", order.id);
+ if (error) {
+ console.warn("[CalledPanel] update error", error);
+ } else {
+ setEditing(false);
+ if (onUpdate) await onUpdate();
+ }
+ } finally {
+ setBusy(false);
+ }
+ };
+
+ // Form mode: date + time + comment
+ if (editing) {
+ return (
+