From 5d64ff90a060cc744bb9cdeb6354fbdfd2a617d0 Mon Sep 17 00:00:00 2001
From: 03jossellin-herrera-rodriguez <josellinherrerarodriguez938@gmail.com>
Date: Mon, 13 May 2024 10:05:00 -0600
Subject: [PATCH] Avance 1-Medico

---
 healthmanager/Menu/BuscarPacienteBtn.js    |  12 +++
 healthmanager/Menu/EditarPacienteBtn.js    |  12 +++
 healthmanager/Menu/EmitirRecetaBtn.js      |  12 +++
 healthmanager/Menu/registrarPacienteBtn.js |  12 +++
 healthmanager/src/BuscarPaciente.jsx       |  27 +++++
 healthmanager/src/EditarPaciente.css       |  23 ++++
 healthmanager/src/EditarPaciente.jsx       |  50 +++++++++
 healthmanager/src/Paciente.css             |  23 ++++
 healthmanager/src/Paciente.jsx             |  49 +++++++++
 healthmanager/src/RecetaMedica.css         |  20 ++++
 healthmanager/src/RecetaMedica.jsx         | 118 +++++++++++++++++++++
 11 files changed, 358 insertions(+)
 create mode 100644 healthmanager/Menu/BuscarPacienteBtn.js
 create mode 100644 healthmanager/Menu/EditarPacienteBtn.js
 create mode 100644 healthmanager/Menu/EmitirRecetaBtn.js
 create mode 100644 healthmanager/Menu/registrarPacienteBtn.js
 create mode 100644 healthmanager/src/BuscarPaciente.jsx
 create mode 100644 healthmanager/src/EditarPaciente.css
 create mode 100644 healthmanager/src/EditarPaciente.jsx
 create mode 100644 healthmanager/src/Paciente.css
 create mode 100644 healthmanager/src/Paciente.jsx
 create mode 100644 healthmanager/src/RecetaMedica.css
 create mode 100644 healthmanager/src/RecetaMedica.jsx

diff --git a/healthmanager/Menu/BuscarPacienteBtn.js b/healthmanager/Menu/BuscarPacienteBtn.js
new file mode 100644
index 0000000..05f1c71
--- /dev/null
+++ b/healthmanager/Menu/BuscarPacienteBtn.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const BuscarPacienteButton = () => {
+  return (
+    <Link to="/buscar-paciente">
+      <button>Buscar paciente</button>
+    </Link>
+  );
+};
+
+export default BuscarPacienteButton;
diff --git a/healthmanager/Menu/EditarPacienteBtn.js b/healthmanager/Menu/EditarPacienteBtn.js
new file mode 100644
index 0000000..b54786b
--- /dev/null
+++ b/healthmanager/Menu/EditarPacienteBtn.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const EditarPacienteButton = () => {
+  return (
+    <Link to="/editar-paciente">
+      <button>Editar paciente</button>
+    </Link>
+  );
+};
+
+export default EditarPacienteButton;
\ No newline at end of file
diff --git a/healthmanager/Menu/EmitirRecetaBtn.js b/healthmanager/Menu/EmitirRecetaBtn.js
new file mode 100644
index 0000000..83a7eb5
--- /dev/null
+++ b/healthmanager/Menu/EmitirRecetaBtn.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const EmitirRecetaButton = () => {
+  return (
+    <Link to="/receta-medica">
+      <button>Emitir receta médica</button>
+    </Link>
+  );
+};
+
+export default EmitirRecetaButton;
\ No newline at end of file
diff --git a/healthmanager/Menu/registrarPacienteBtn.js b/healthmanager/Menu/registrarPacienteBtn.js
new file mode 100644
index 0000000..61ec00b
--- /dev/null
+++ b/healthmanager/Menu/registrarPacienteBtn.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const RegistrarPacienteButton = () => {
+  return (
+    <Link to="/registrar-paciente">
+      <button>Registrar paciente</button>
+    </Link>
+  );
+};
+
+export default RegistrarPacienteButton;
diff --git a/healthmanager/src/BuscarPaciente.jsx b/healthmanager/src/BuscarPaciente.jsx
new file mode 100644
index 0000000..5054490
--- /dev/null
+++ b/healthmanager/src/BuscarPaciente.jsx
@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+
+const BuscarPaciente = () => {
+  const [busqueda, setBusqueda] = useState('');
+
+  const handleBusqueda = (e) => {
+    setBusqueda(e.target.value);
+    
+  };
+
+  return (
+    <div className="buscar-paciente-container">
+      <h2>Buscar Paciente</h2>
+      <input
+        type="text"
+        placeholder="Buscar paciente"
+        value={busqueda}
+        onChange={handleBusqueda}
+        className="buscar-paciente-input"
+      />
+      <button type='submit'>Buscar</button>
+    </div>
+
+  );
+};
+
+export default BuscarPaciente;
\ No newline at end of file
diff --git a/healthmanager/src/EditarPaciente.css b/healthmanager/src/EditarPaciente.css
new file mode 100644
index 0000000..5a3e39b
--- /dev/null
+++ b/healthmanager/src/EditarPaciente.css
@@ -0,0 +1,23 @@
+.editar-paciente-container {
+    margin-bottom: 20px;
+  }
+  
+  .editar-paciente-form {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .editar-paciente-form input {
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 16px;
+  }
+  
+  .editar-paciente-form button {
+    padding: 10px 20px;
+    font-size: 16px;
+    background-color: #28a745;
+    color: #fff;
+    border: none;
+    cursor: pointer;
+  }
\ No newline at end of file
diff --git a/healthmanager/src/EditarPaciente.jsx b/healthmanager/src/EditarPaciente.jsx
new file mode 100644
index 0000000..edad46b
--- /dev/null
+++ b/healthmanager/src/EditarPaciente.jsx
@@ -0,0 +1,50 @@
+import React, { useState } from 'react';
+import './EditarPaciente.css';
+
+const EditarPaciente = () => {
+  const [nombre, setNombre] = useState('');
+  const [edad, setEdad] = useState('');
+  const [peso, setPeso] = useState('');
+  const [contacto, setContacto] = useState('');
+
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    
+  };
+
+  return (
+    <div className="editar-paciente-container">
+      <h2>Editar Paciente</h2>
+      <form onSubmit={handleSubmit} className="editar-paciente-form">
+        <input
+          type="text"
+          placeholder="Nombre"
+          value={nombre}
+          onChange={(e) => setNombre(e.target.value)}
+        />
+        <input
+          type="number"
+          placeholder="Edad"
+          value={edad}
+          onChange={(e) => setEdad(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Peso"
+          value={peso}
+          onChange={(e) => setPeso(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Contacto"
+          value={contacto}
+          onChange={(e) => setContacto(e.target.value)}
+        />
+        <button type="submit">Guardar cambios</button>
+      </form>
+    </div>
+  );
+};
+
+export default EditarPaciente;
\ No newline at end of file
diff --git a/healthmanager/src/Paciente.css b/healthmanager/src/Paciente.css
new file mode 100644
index 0000000..3e68381
--- /dev/null
+++ b/healthmanager/src/Paciente.css
@@ -0,0 +1,23 @@
+.paciente-container {
+    margin-bottom: 20px;
+  }
+  
+  .paciente-form {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .paciente-form input {
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 16px;
+  }
+  
+  .paciente-form button {
+    padding: 10px 20px;
+    font-size: 16px;
+    background-color: #28a745;
+    color: #fff;
+    border: none;
+    cursor: pointer;
+  }
\ No newline at end of file
diff --git a/healthmanager/src/Paciente.jsx b/healthmanager/src/Paciente.jsx
new file mode 100644
index 0000000..b4bd032
--- /dev/null
+++ b/healthmanager/src/Paciente.jsx
@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import './Paciente.css';
+
+const Paciente = () => {
+  const [nombre, setNombre] = useState('');
+  const [edad, setEdad] = useState('');
+  const [peso, setPeso] = useState('');
+  const [contacto, setContacto] = useState('');
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    
+  };
+
+  return (
+    <div className="paciente-container">
+      <h2>Registrar paciente</h2>
+      <form onSubmit={handleSubmit} className="paciente-form">
+        <input
+          type="text"
+          placeholder="Nombre"
+          value={nombre}
+          onChange={(e) => setNombre(e.target.value)}
+        />
+        <input
+          type="number"
+          placeholder="Edad"
+          value={edad}
+          onChange={(e) => setEdad(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Peso"
+          value={peso}
+          onChange={(e) => setPeso(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Contacto"
+          value={contacto}
+          onChange={(e) => setContacto(e.target.value)}
+        />
+        <button type="submit">Registrar paciente</button>
+      </form>
+    </div>
+  );
+};
+
+export default Paciente;
\ No newline at end of file
diff --git a/healthmanager/src/RecetaMedica.css b/healthmanager/src/RecetaMedica.css
new file mode 100644
index 0000000..1eb2536
--- /dev/null
+++ b/healthmanager/src/RecetaMedica.css
@@ -0,0 +1,20 @@
+.receta-medica-container {
+    margin-bottom: 20px;
+  }
+  
+  .receta-medica-form textarea {
+    width: 100%;
+    height: 150px;
+    padding: 10px;
+    font-size: 16px;
+    margin-bottom: 10px;
+  }
+  
+  .receta-medica-form button {
+    padding: 10px 20px;
+    font-size: 16px;
+    background-color: #28a745;
+    color: #fff;
+    border: none;
+    cursor: pointer;
+  }
\ No newline at end of file
diff --git a/healthmanager/src/RecetaMedica.jsx b/healthmanager/src/RecetaMedica.jsx
new file mode 100644
index 0000000..05fd0ce
--- /dev/null
+++ b/healthmanager/src/RecetaMedica.jsx
@@ -0,0 +1,118 @@
+import React, { useId, useState } from 'react';
+import './RecetaMedica.css';
+
+const RecetaMedica = () => {
+  const [idreceta, setIdReceta] = useId('');
+  const [idPaciente, setIdPaciente] = useId('');
+  const [idMedico, setIdMedico] = useId('');
+  const [contactoMedico, setContactoMedico] = useState ('');
+  const [pesoPaciente, setPesoPaciente] = useState ('');
+  const [edadPaciente, setEdadPaciente] = useState ('');
+  const [presionArt, setPresionArt] = useState();
+  const [fecha, setFecha] = useState('');
+  const [tempPaciente, setTempPaciente] = useState('');
+  const [prescripcion, setPrescripcion] = useState('');
+  const [firmaMedico, setFirmaMedico] = useState(null);
+
+
+  const handleImageUpload = (e) => {
+    const file = e.target.files[0];
+    if (file) {
+      setFirmaMedico(file);
+    }
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    console.log({
+        idreceta,
+        idPaciente,
+        idMedico,
+        contactoMedico,
+        pesoPaciente,
+        edadPaciente,
+        presionArt,
+        fecha,
+        tempPaciente,
+        prescripcion,
+        firmaMedico
+    });
+    
+  };
+
+  return (
+    <div className="receta-medica-container">
+      <h2>Emitir receta médica</h2>
+      <form onSubmit={handleSubmit} className="receta-medica-form">
+        <input
+            type="text"
+            placeholder='id de receta'
+            value={idreceta}
+            disabled
+        />
+        <input
+            type="text"
+            placeholder='id de paciente'
+            value={idPaciente}
+            disabled
+        />
+        <input
+            type="text"
+            placeholder='id de medico'
+            value={idMedico}
+            disabled
+        />
+        <input
+            type="text"
+            placeholder='Contacto'
+            value={contactoMedico}
+            onChange={(e) => setContactoMedico(e.target.value)}
+        />
+        <input
+            type="text"
+            placeholder='Peso'
+            value={pesoPaciente}
+            onChange={(e) => setPesoPaciente(e.target.value)}
+        />
+        <input
+            type="text"
+            placeholder='Edad'
+            value={edadPaciente}
+            onChange={(e) => setEdadPaciente(e.target.value)}
+        />
+        <input
+            type="text"
+            placeholder='Presion arterial'
+            value={presionArt}
+            onChange={(e) => setPresionArt(e.target.value)}
+        />
+        <input
+            type="text"
+            placeholder='Fecha'
+            value={fecha}
+            onChange={(e) => setFecha(e.target.value)}
+        />
+        <input
+            type="text"
+            placeholder='Temperatura'
+            value={tempPaciente}
+            onChange={(e) => setTempPaciente(e.target.value)}
+        />
+        <textarea
+          placeholder="Escriba la prescripción médica"
+          value={prescripcion}
+          onChange={(e) => setPrescripcion(e.target.value)}
+        />
+        <input
+          type="file"
+          accept="image/*"
+          onChange={handleImageUpload}
+        />
+        <button type="submit">Emitir receta</button>
+      </form>
+    </div>
+  );
+};
+
+export default RecetaMedica;
\ No newline at end of file