Merge branch 'develop' into UnirTodo

docs/06_runtime_view.adoc

@@ -95,12 +95,13 @@ Usuario <- Dede: Muestra los juguetes encontrados con el filtro
 === Iniciar sesión
 [plantuml,"InicioSesion",png]
 ----
-actor Usuario #green
+actor Usuario
 database BaseDeDatos as "Base de datos" #blue
-Usuario -> Dede: Accede a la página y presiona el botón "Registrarse"
-Usuario <- Dede: Se despliega un formulario de inicio de sesión aportado por la API Auth0
-Usuario -> Dede: Rellena el formulario
-BaseDeDatos <-- Dede: Se almacena el usuario recién registrado como cliente en la base de datos (si no está ya almacenado)
+database Auth0 as "Auth0" #blue
+Usuario -> Dede: Accede  a la página y presiona "Registrarse"
+DeDe -> Auth0: Redirecciona al usuario a Auth0
+Usuario -> Auth0: Rellena sus datos e inicia sesión con su cuenta
+DeDe <-- Auth0: La aplicación redirige al usuario a la página principal
 Usuario <- Dede: Se muestra la página principal de la aplicación, con unas opciones u otras en función del rol del usuario (se usa el localStorage)
 ----
 
@@ -109,14 +110,37 @@ Usuario <- Dede: Se muestra la página principal de la aplicación, con unas opc
 ----
 actor Usuario
 database BaseDeDatos as "Base de datos" #blue
-Usuario -> Dede: Accede a la página y presiona el botón "Registrarse"
-Usuario -> Dede: Rellena el formulario de registro/inicio sesión que aporta Auth0
+database Auth0 as "Auth0" #blue
+Usuario -> Dede: Accede  a la página y presiona "Registrarse"
+DeDe -> Auth0: Redirecciona al usuario a Auth0
+Usuario -> Auth0: Rellena sus datos e inicia sesión con una cuenta de administrador
+DeDe <-- Auth0: La aplicación redirige al usuario a la página principal
 BaseDeDatos <-- Dede: Se almacena el usuario recién registrado como cliente en la base de datos (si no está ya almacenado)
 Usuario <- Dede: Se muestra la página principal de la aplicación
 Usuario -> Dede: Presiona el botón de "Desconectarse"
 Usuario <- Dede: Se muestra la página principal de la aplicación con las funciones de un usuario normal
 ----
 
+
+=== Editar productos
+[plantuml,"EditarProducto",png]
+----
+actor Admin #green
+database BaseDeDatos as "Base de datos" #blue
+database Auth0 as "Auth0" #blue
+Admin -> Dede: Accede  a la página para iniciar sesión
+DeDe -> Auth0: Redirecciona al usuario a Auth0
+Admin -> Auth0: Rellena sus datos e inicia sesión con una cuenta de administrador
+DeDe <-- Auth0: La aplicación redirige al usuario a la página principal
+Admin -> Dede: Accede a la sección "Administrar productos"
+Admin -> Dede: Accede a "Editar producto"
+DeDe --> Dede: Muestra el formulario de edición del producto.
+Admin -> Dede: Accede a "Editar producto"
+Admin -> Dede: Rellena los nuevos campos del producto
+Admin -> Dede: Confirma los cambios
+BaseDeDatos <-- Dede: Actualiza los cambios realizados en el producto.
+----
+
 === Histórico de pedidos
 [plantuml,"HistóricoPedidos",png]
 ----
@@ -130,3 +154,4 @@ Usuario -> Dede: Presiona el botón de "Historial Pedidos"
 Usuario <- Dede: Se muestra una página con un registro de los pedidos del usuario iniciado en sesión
 ----
 
+

webapp/src/App.styles.ts

@@ -7,8 +7,8 @@ export const Wrapper = styled.div`
 export const StyledButton = styled(IconButton)`
     position: fixed;
     z-index: 100;
-    left: 94.2vw;
-    top: -8.3vw;
+    left: 95%;
+    top: -7.4em;
     margin-top: 0;
     margin-right: 0em;
 

webapp/src/Cart/Cart.tsx

@@ -47,9 +47,6 @@ const Cart:React.FC<Props> = ({cartItems, addToCart, removeFromCart})=> {
                 </a>
             </div>:
               <div>
-                      <a className={'btn btn-primary btn-lg'} href={"confirmar-pedido"} id="confirmarPedido">
-                    {'Realizar pedido'}
-                </a>
              <LoginButtonCart />
               </div>
             }           

webapp/src/componentes/Login/LogoutButton.tsx

@@ -3,7 +3,7 @@ import { useAuth0 } from '@auth0/auth0-react';
 const LogoutButton = () => {
     const { logout } = useAuth0();
     return (
-        <button className='btn btn-primary' onClick={() =>{
+        <button className='btn btn-primary-logout' onClick={() =>{
              logout()
              localStorage.setItem("isAdmin","false")
              window.location.href=("/home")

webapp/src/componentes/Navbar/Navbar.css

@@ -16,9 +16,9 @@
 
 .prof-name {
     color: #fff;
-    margin-right: 3.5em;
+    margin-right: 8em;
     min-width: 9em;
-    margin-left: 1em;
+    margin-left: 0.5em;
 }
 
 .prof-img {
@@ -30,11 +30,11 @@
     color:#0d6efd;
     border-radius: 0.5em;
     margin-bottom: 0.5em;
-    margin-right: 10em;
+    margin-right: 5em;
     font-size: 1.2rem;
 }
 
-.btn-primary {
+.btn-primary-logout {
     background-color: rgb(255, 255, 255);
     color:#0d6efd;
     border-radius: 0.5em;

webapp/src/tests/dynamicrouting.test.tsx

@@ -256,7 +256,7 @@ test('Edit product form is rendered', () => {
   const button = component.container.querySelector('button');
   button!.click();
   const buttons = component.container.querySelectorAll('button');
-  buttons[1]!.click();
+  buttons[1]!.click(); 
 })