From fa702390d656aa71044f914b853e57be5408191a Mon Sep 17 00:00:00 2001
From: Jesus Fajardo <es.jfajardobass@gmail.com>
Date: Wed, 25 Sep 2024 22:09:45 +0200
Subject: [PATCH] Change logo image

---
 frontend/index.html                           | 2 +-
 frontend/src/components/forms/login/Login.css | 6 ++++++
 frontend/src/components/forms/login/Login.jsx | 8 +++++---
 frontend/src/components/menu/MenuItemData.jsx | 2 +-
 4 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/components/forms/login/Login.css
diff --git a/frontend/index.html b/frontend/index.html
index e9dba2d..1346666 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="https://res.cloudinary.com/di7qko5q9/image/upload/v1726927983/karate-classes/bh0arvovagfthgqp6jrn.png" />
+    <link rel="icon" href="https://res.cloudinary.com/di7qko5q9/image/upload/v1727294772/karate-classes/sxgzokc8mysthpctbiir.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Virtual Dojo</title>
     <script async src="https://js.stripe.com/v3/buy-button.js">
diff --git a/frontend/src/components/forms/login/Login.css b/frontend/src/components/forms/login/Login.css
new file mode 100644
index 0000000..9a1edcf
--- /dev/null
+++ b/frontend/src/components/forms/login/Login.css
@@ -0,0 +1,6 @@
+.login-logo {
+    width: 150px; /* Ajusta este valor según el tamaño que desees */
+    height: auto; /* Mantiene la proporción de la imagen */
+    display: block; /* Opcional: para centrar la imagen */
+    margin: 0 auto 20px; /* Opcional: para centrar la imagen y añadir espacio inferior */
+}
\ No newline at end of file
diff --git a/frontend/src/components/forms/login/Login.jsx b/frontend/src/components/forms/login/Login.jsx
index 000fe7a..a55c30f 100644
--- a/frontend/src/components/forms/login/Login.jsx
+++ b/frontend/src/components/forms/login/Login.jsx
@@ -1,10 +1,11 @@
+import {useState} from "react"
+import {useNavigate} from "react-router-dom"
 import {Button} from 'primereact/button'
 import {Dialog} from 'primereact/dialog'
 import {InputText} from "primereact/inputtext"
-import {useState} from "react"
-import {useNavigate} from "react-router-dom"
-import {getApplicationDomain, startSession} from "../../../utils/session.jsx"
 import {Message} from 'primereact/message'
+import {getApplicationDomain, startSession} from "../../../utils/session.jsx"
+import './Login.css';
 
 export default function Login() {
     const [visible, setVisible] = useState(true)
@@ -69,6 +70,7 @@ export default function Login() {
                         borderRadius: '12px',
                         backgroundImage: 'radial-gradient(circle at left top, var(--primary-400), var(--primary-700))'
                     }}>
+                        <img alt="Logo" className="login-logo" src="https://res.cloudinary.com/di7qko5q9/image/upload/v1727294772/karate-classes/sxgzokc8mysthpctbiir.png"/>
                         <div className="inline-flex flex-column gap-2">
                             <label htmlFor="username" className="text-primary-50 font-semibold">
                                 Username
diff --git a/frontend/src/components/menu/MenuItemData.jsx b/frontend/src/components/menu/MenuItemData.jsx
index 9af04cb..078fdae 100644
--- a/frontend/src/components/menu/MenuItemData.jsx
+++ b/frontend/src/components/menu/MenuItemData.jsx
@@ -24,7 +24,7 @@ export const useMenuItems = () => {
     ];
 };
 
-export const start = <img alt="logo" src="https://res.cloudinary.com/di7qko5q9/image/upload/v1726927983/karate-classes/bh0arvovagfthgqp6jrn.png" height="40" className="mr-2"></img>;
+export const start = <img alt="logo" src="https://res.cloudinary.com/di7qko5q9/image/upload/v1727294772/karate-classes/sxgzokc8mysthpctbiir.png" height="40" className="mr-2"></img>;
 export const useEnd = () => {
     const navigate = useNavigate();
     const closeSession = () => {
