feat(respuesta): botón Enviar con opciones (enviar, enviar y resuelto, enviar y cerrado)

This commit is contained in:
Nurfog committed 2026-11-02 16:15:16 -03:00
1 parent ce3fa29b69
commit b1710da477
1 file changed
+86 -2
+86 -2
View File
@@ -225,6 +225,13 @@ export default function TicketDetailPage() {
const [mergeTarget, setMergeTarget] = useState("");
const [mergeError, setMergeError] = useState("");
const [merging, setMerging] = useState(false);
const [sendMenuOpen, setSendMenuOpen] = useState(false);
const handleAddComment = (e: React.FormEvent) => {
e.preventDefault();
setSendMenuOpen(false);
void submitComment();
};
useEffect(() => {
Promise.all([
@@ -267,8 +274,8 @@ export default function TicketDetailPage() {
const MAX_FILE_BYTES = 10 * 1024 * 1024;
const handleAddComment = async (e: React.FormEvent) => {
e.preventDefault();
// Envía el comentario y, opcionalmente, resuelve o cierra el ticket.
const submitComment = async (after?: "resolved" | "closed") => {
if (!comment.trim()) return;
// Solo se envía/guarda el mensaje escrito, sin historial pegado o
// citado (se usa para revisar casos en el futuro).
@@ -308,6 +315,15 @@ export default function TicketDetailPage() {
setCc("");
setFiles([]);
setPendingIds([]);
if (after) {
try {
await updateTicketStatus(id, after);
await refreshTicket();
notify.success(after === "resolved" ? "Ticket resuelto" : "Ticket cerrado");
} catch (err: unknown) {
setError(err instanceof Error ? err.message : "El mensaje se envió, pero no se pudo cambiar el estado");
}
}
} catch (err: unknown) {
// Si la subida salió pero el comentario falló, los ids quedan
// pendientes y se vinculan en el próximo envío.
@@ -829,6 +845,74 @@ export default function TicketDetailPage() {
</>
)}
</button>
{isTeam && (
<div className="position-relative">
<button
type="button"
className="btn btn-primary dropdown-toggle dropdown-toggle-split"
style={{ marginLeft: "-1px" }}
disabled={!comment.trim() || submitting}
aria-label="Más opciones de envío"
aria-expanded={sendMenuOpen}
onClick={() => setSendMenuOpen((o) => !o)}
>
<span className="visually-hidden">Opciones</span>
</button>
{sendMenuOpen && (
<>
<div
className="position-fixed top-0 start-0 w-100 h-100"
style={{ zIndex: 1000 }}
onClick={() => setSendMenuOpen(false)}
/>
<ul className="dropdown-menu show position-absolute end-0 bottom-100 mb-1" style={{ zIndex: 1001, minWidth: "220px" }}>
<li>
<button
type="button"
className="dropdown-item"
disabled={submitting}
onClick={() => {
setSendMenuOpen(false);
void submitComment();
}}
>
<i className="bi bi-send me-2"></i>Enviar
<small className="d-block text-muted">Solo publica el mensaje{!ticket?.assigneeId && " (te lo asigna si está sin asignar)"}</small>
</button>
</li>
<li>
<button
type="button"
className="dropdown-item"
disabled={submitting}
onClick={() => {
setSendMenuOpen(false);
void submitComment("resolved");
}}
>
<i className="bi bi-check-circle me-2"></i>Enviar y resuelto
<small className="d-block text-muted">Publica y marca resuelto</small>
</button>
</li>
<li>
<button
type="button"
className="dropdown-item"
disabled={submitting}
onClick={() => {
setSendMenuOpen(false);
void submitComment("closed");
}}
>
<i className="bi bi-archive me-2"></i>Enviar y cerrado
<small className="d-block text-muted">Publica y archiva el ticket</small>
</button>
</li>
</ul>
</>
)}
</div>
)}
</div>
</form>
</div>