From f6878085eec93f107a4813bc1303b03465f9375c Mon Sep 17 00:00:00 2001
From: IO <IO@IO.com>
Date: Tue, 13 Aug 2024 21:34:00 -0600
Subject: [PATCH 1/3] add image

---
 src/components/Card/Card.css                       |  2 +-
 src/components/Card/CardProfesores/CardProfesor.js | 11 ++++++++++-
 .../Teacher/PerfilProfesor/PerfilProfesor.css      |  2 +-
 .../Teacher/PerfilProfesor/PerfilProfesor.js       | 14 +++++++++++---
 4 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/Card/Card.css b/src/components/Card/Card.css
index cea3d1d..1a4deca 100644
--- a/src/components/Card/Card.css
+++ b/src/components/Card/Card.css
@@ -1,7 +1,7 @@
 .card {
   max-width: 90vw;
   width: 400px;
-  height: 175px;
+  height: 150px;
   margin: auto;
   padding: 0.5em;
   border-radius: 1em !important;
diff --git a/src/components/Card/CardProfesores/CardProfesor.js b/src/components/Card/CardProfesores/CardProfesor.js
index dc3230d..e5ad580 100644
--- a/src/components/Card/CardProfesores/CardProfesor.js
+++ b/src/components/Card/CardProfesores/CardProfesor.js
@@ -3,6 +3,8 @@ import "../Card.css";
 import { PrivateRoutes, PublicRoutes } from "../../../models/routes";
 import { useDeleteTeacher } from "../../../services/teacher.services";
 
+const API_URL = process.env.REACT_APP_API_URL;
+
 const CardProfesor = ({ profesor, edificioNombre, permissions }) => {
   const [showDialog, setShowDialog] = useState(false);
   const [confirmText, setConfirmText] = useState("");
@@ -41,7 +43,14 @@ const CardProfesor = ({ profesor, edificioNombre, permissions }) => {
             alt={profesor.nombre}
             onClick={handleViewProfesor}
           />
-        ) : null}
+        ) : (
+          <img
+            src={`${API_URL}/imagenes/${profesor.fotografia}`}
+            className="imgProfe"
+            alt={profesor.nombre}
+            onClick={handleViewProfesor}
+          />
+        )}
 
         {permissions ? (
           <div
diff --git a/src/components/Teacher/PerfilProfesor/PerfilProfesor.css b/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
index e44534c..3675770 100644
--- a/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
+++ b/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
@@ -27,7 +27,7 @@
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: white;
-  margin: 20px auto;
+  margin: 0 auto 10px auto;
   width: 800px;
   max-width: 90vw;
 }
diff --git a/src/components/Teacher/PerfilProfesor/PerfilProfesor.js b/src/components/Teacher/PerfilProfesor/PerfilProfesor.js
index 36bf65d..bd18f7f 100644
--- a/src/components/Teacher/PerfilProfesor/PerfilProfesor.js
+++ b/src/components/Teacher/PerfilProfesor/PerfilProfesor.js
@@ -13,6 +13,8 @@ import {
   useTeacher,
 } from "../../../services/teacher.services";
 
+const API_URL = process.env.REACT_APP_API_URL;
+
 const defaultImage =
   "https://static.vecteezy.com/system/resources/thumbnails/020/765/399/small_2x/default-profile-account-unknown-icon-black-silhouette-free-vector.jpg";
 
@@ -97,7 +99,13 @@ const PerfilProfesor = () => {
         <div className="foto-nombre">
           {fotoProfesor && fotoProfesor.startsWith("http") ? (
             <img src={fotoProfesor} alt={profesor.nombre} className="foto" />
-          ) : null}
+          ) : (
+            <img
+              src={`${API_URL}/imagenes/${profesor.fotografia}`}
+              alt={profesor.nombre}
+              className="foto"
+            />
+          )}
 
           <div className="info">
             <div className="nombre">
@@ -134,7 +142,7 @@ const PerfilProfesor = () => {
           </div>
           <ul>
             <li>
-            <strong>Grado Máximo:</strong>
+              <strong>Grado Máximo:</strong>
               {profesor.datosAcademicos.length > 0 ? (
                 profesor.datosAcademicos[0].grado_maximo ? (
                   <>{profesor.datosAcademicos[0].grado_maximo}</>
@@ -240,7 +248,7 @@ const PerfilProfesor = () => {
         </div>
 
         {showDialog && (
-          <div className="dialog" style={{position:'fixed'}}>
+          <div className="dialog" style={{ position: "fixed" }}>
             <p>
               ¿Deseas eliminar al profesor <strong>{profesor.nombre}</strong>?
             </p>

From f8650adc93c25f40a2f0cdf5dfd56aba1cccb332 Mon Sep 17 00:00:00 2001
From: IO <IO@IO.com>
Date: Tue, 13 Aug 2024 22:08:29 -0600
Subject: [PATCH 2/3] fixed style and name image

---
 src/components/Teacher/CrearProfesor/FormProfesor.js     | 2 +-
 src/components/Teacher/PerfilProfesor/PerfilProfesor.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Teacher/CrearProfesor/FormProfesor.js b/src/components/Teacher/CrearProfesor/FormProfesor.js
index b33f52c..324fb7c 100644
--- a/src/components/Teacher/CrearProfesor/FormProfesor.js
+++ b/src/components/Teacher/CrearProfesor/FormProfesor.js
@@ -140,7 +140,7 @@ const FormProfesor = () => {
       let imageUrl = "";
 
       if (fotoBase64) {
-        imageUrl = await uploadImage(fotoBase64, nombre);
+        imageUrl = await uploadImage(fotoBase64, id_usuario);
       }
 
       const updatedDatosAcademicos = datosAcademicos.map(dato => ({
diff --git a/src/components/Teacher/PerfilProfesor/PerfilProfesor.css b/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
index 3675770..d3e8f54 100644
--- a/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
+++ b/src/components/Teacher/PerfilProfesor/PerfilProfesor.css
@@ -3,6 +3,7 @@
   align-items: center;
   justify-content: space-evenly;
   margin-bottom: 20px;
+  gap: 20px;
 }
 
 .foto {

From fe697f015b79cb2d77e6caadf185cf4a3757a79e Mon Sep 17 00:00:00 2001
From: IO <IO@IO.com>
Date: Tue, 13 Aug 2024 22:13:31 -0600
Subject: [PATCH 3/3] fixed name img

---
 src/services/auth.services.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/auth.services.js b/src/services/auth.services.js
index f2dfb03..3b0878c 100644
--- a/src/services/auth.services.js
+++ b/src/services/auth.services.js
@@ -77,7 +77,7 @@ export const useUploadImage = () => {
       }
 
       const result = await response.json();
-      return `${API_URL}${result.imageUrl}`;
+      return result.imageUrl;
     } catch (error) {
       throw error;
     }