function MainComponent() { const [patients, setPatients] = React.useState([]); const [newPatientData, setNewPatientData] = React.useState({ name: '', lastContact: '', nextContact: '', phone: '', reason: '', observations: '' }); const addPatientNote = (index, note)=>{ const newPatients = [ ...patients ]; newPatients[index].notes = [ { date: new Date().toISOString().split('T')[0], text: note }, ...newPatients[index].notes ]; setPatients(newPatients); }; const handleSubmitNote = (index)=>(event)=>{ event.preventDefault(); const note = event.target.elements.note.value; event.target.reset(); addPatientNote(index, note); }; const handleAddPatient = ()=>{ setPatients([ ...patients, { ...newPatientData, notes: [] } ]); setNewPatientData({ name: '', lastContact: '', nextContact: '', phone: '', reason: '', observations: '' }); }; const handleChange = (event)=>{ const { name, value } = event.target; setNewPatientData({ ...newPatientData, [name]: value }); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-2 font-roboto", placeholder: "Nome do paciente", name: "name", value: newPatientData.name, onChange: handleChange, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-2 font-roboto", placeholder: "Último contato", type: "date", name: "lastContact", value: newPatientData.lastContact, onChange: handleChange, __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-2 font-roboto", placeholder: "Próximo contato", type: "date", name: "nextContact", value: newPatientData.nextContact, onChange: handleChange, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-2 font-roboto", placeholder: "Número de telefone", name: "phone", value: newPatientData.phone, onChange: handleChange, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-2 font-roboto", placeholder: "Motivo da consulta", name: "reason", value: newPatientData.reason, onChange: handleChange, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border p-2 mr-2 w-full mb-4 font-roboto", placeholder: "Observações", name: "observations", value: newPatientData.observations, onChange: handleChange, __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 w-full font-roboto", onClick: handleAddPatient, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Adicionar Paciente")), /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto", style: { maxHeight: "50vh" }, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Nome do paciente"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Último contato"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Próximo contato"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Número de telefone"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Motivo da consulta"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Observações"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "Anotações"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, patients.map((patient, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "hover:bg-gray-100", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, patient.name), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, patient.lastContact), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, patient.nextContact), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, patient.phone), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, patient.reason), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 truncate font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, patient.observations), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 font-roboto space-y-2", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>document.getElementById('note-input-' + index).focus(), className: "bg-green-500 text-white p-2 mb-2 w-full font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, "Add Note"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitNote(index), __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: 'note-input-' + index, className: "border p-1 mr-2 mb-2 w-full font-roboto", placeholder: "Adicionar nota", name: "note", autoComplete: "off", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, patient.notes.map((note, noteIndex)=>/*#__PURE__*/ React.createElement("p", { key: noteIndex, className: "border-b mb-2 pb-2 truncate font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 78, columnNumber: 25 }, __self: this }, note.date, ":"), " ", note.text)))))))))); }