Spaces:
Sleeping
Sleeping
File size: 2,329 Bytes
197ac2a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | import { useEffect, useState } from "react";
export default function RunModal({ aberto, onFechar, onExecutar, executando, segundos, erro }) {
const [data, setData] = useState("");
const [enviarEmail, setEnviarEmail] = useState(false);
const [criarClickup, setCriarClickup] = useState(false);
useEffect(() => {
if (aberto) {
const ontem = new Date(Date.now() - 86400000);
setData(ontem.toISOString().slice(0, 10));
}
}, [aberto]);
return (
<div className={"backdrop" + (aberto ? " open" : "")}>
<div className="modal">
<div className="mh">
<h3>▶ Rodar o agente</h3>
<button className="x" onClick={onFechar}>
✕
</button>
</div>
<label className="lbl">Data de referência</label>
<input type="date" value={data} onChange={(e) => setData(e.target.value)} />
<div style={{ display: "flex", gap: 22, margin: "16px 0", flexWrap: "wrap" }}>
<label className="switch">
<input type="checkbox" checked={enviarEmail} onChange={(e) => setEnviarEmail(e.target.checked)} />
<span className="track"></span> Enviar e-mail
</label>
<label className="switch">
<input type="checkbox" checked={criarClickup} onChange={(e) => setCriarClickup(e.target.checked)} />
<span className="track"></span> Criar tarefas ClickUp
</label>
</div>
{executando && (
<div>
<div style={{ fontSize: 13, color: "var(--muted)" }}>Executando… {segundos}s</div>
<div className="bar"></div>
</div>
)}
{!executando && erro && (
<div className="err" style={{ marginTop: 12, fontSize: 13 }}>
⚠️ {erro}
</div>
)}
<div style={{ display: "flex", justifyContent: "flex-end", gap: 9, marginTop: 8 }}>
<button className="btn btn-ghost btn-sm" onClick={onFechar}>
Cancelar
</button>
<button
className="btn btn-primary btn-sm"
disabled={executando}
onClick={() => onExecutar({ date: data || null, send_email: enviarEmail, create_clickup: criarClickup })}
>
▶ Executar
</button>
</div>
</div>
</div>
);
}
|