diff --git a/frontend/src/AppInicio.css b/frontend/src/AppInicio.css
index 5f3ae1d..c17d1b3 100644
--- a/frontend/src/AppInicio.css
+++ b/frontend/src/AppInicio.css
@@ -1163,7 +1163,7 @@ html {
}
.enlaceNombre{
- margin-left: 600px;
+ margin-left: 500px;
}
diff --git a/frontend/src/Pasteles.jsx b/frontend/src/Pasteles.jsx
index b143c93..106d898 100644
--- a/frontend/src/Pasteles.jsx
+++ b/frontend/src/Pasteles.jsx
@@ -1,7 +1,7 @@
import React, {useEffect, useState} from "react";
import viteLogo from '/vite.svg'
-
+import './Pasteles.css'
import { RiCustomerService2Fill } from "react-icons/ri";
import { FaUser } from "react-icons/fa";
import { LuShoppingBasket } from "react-icons/lu";
@@ -21,11 +21,18 @@ import PastelZanahoria from "./assets/Pastel-Zanahoria.jpg";
import MejoresPasteles from "./assets/MejoresPasteles.jpg";
import PastelTematico from "./assets/pastel-tematico.jpg";
import Swal from 'sweetalert2'
+import axios from 'axios';
function AppPasteles() {
const [count, setCount] = useState(0);
const navigate = useNavigate();
+ const [datosFormulario, setDatosFormulario] = useState(
+ {correo: '',
+ password: '',
+ nombre: ''
+ });
+
const redirectPersonalizarPastelArcoiris = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/PersonalizarPastel/PastelArcoiris");
@@ -75,43 +82,39 @@ function AppPasteles() {
navigate("/Pasteles/PastelCajeta")
};
- const [nombreUsuario, setNombreUsuario]=useState("");
+
- const mostrarAlertaLogOut=()=>{
+ const mostrarAlertaLogOut = () => {
Swal.fire({
- title: "Cerrar Sesion",
- text: "Seguro que quieres cerrar sesion",
+ title: "Cerrar Sesión",
+ text: "¿Seguro que quieres cerrar sesión?",
icon: "warning",
- buttons: ["No","Si"]
- }).then(respuesta=>{
- if(respuesta){
- Swal.fire({text: "Sesion cerrada correctamente. Adios "+nombreUsuario+"",
- icon: "success"
- })
- cerrarSesion();
+ showCancelButton: true, // Mostrar el botón de cancelar
+ confirmButtonColor: "#3085d6", // Color del botón de confirmar
+ cancelButtonColor: "#d33", // Color del botón de cancelar
+ confirmButtonText: "Sí", // Texto del botón de confirmar
+ cancelButtonText: "No", // Texto del botón de cancelar
+ }).then((result) => {
+ if (result.isConfirmed) {
+ Swal.fire({
+ text: "Sesión cerrada correctamente. Adiós " + nombreUsuario + "",
+ icon: "success",
+ });
+ cerrarSesion();
}
- })
- }
+ });
+ };
+
+ const [nombreUsuario, setNombreUsuario]=useState("");
const obtenerNombreUsuario = async () => {
try {
// Realizar la llamada al backend para obtener el nombre del usuario
- const response = await axios.post('http://localhost:4567/frontend/obtenerUsuario');
+ const response = await axios.post('http://localhost:4567/frontend/obtenerUsuario', { datosFormulario });
setNombreUsuario(response.data.nombre);
- } catch (error) {
- // Manejar el error según tus necesidades
- console.error("Error al obtener el nombre del usuario", error);
- }
- };
-
- const cerrarSesion = async () => {
- try {
- // Realizar la llamada al backend para obtener el nombre del usuario
- const response = await axios.post('http://localhost:4567/frontend/cerrarSesion');
- setNombreUsuario(response.data.nombre);
- obtenerNombreUsuario();
- redirectToHotelPage();
+ console.log(nombreUsuario);
+
} catch (error) {
// Manejar el error según tus necesidades
console.error("Error al obtener el nombre del usuario", error);
@@ -122,6 +125,20 @@ function AppPasteles() {
// Llamar a la función al cargar la página
obtenerNombreUsuario();
}, []);
+
+ const cerrarSesion = async () => {
+ try {
+ // Realizar la llamada al backend para obtener el nombre del usuario
+ const response = await axios.post('http://localhost:4567/frontend/cerrarSesion', { datosFormulario });
+ setNombreUsuario(response.data.nombre);
+ console.log(nombreUsuario);
+ obtenerNombreUsuario();
+ //mostrarAlertaLogOut();
+ } catch (error) {
+ // Manejar el error según tus necesidades
+ console.error("Error al obtener el nombre del usuario", error);
+ }
+ };
return (
<>
@@ -165,11 +182,11 @@ function AppPasteles() {
Blog
{nombreUsuario ? (
<>
- {nombreUsuario}
- Cerrar Sesión
+ {nombreUsuario}
+ Cerrar Sesión
>
) : (
- Iniciar Sesión
+ Iniciar Sesión
)
}
diff --git a/frontend/src/Pasteles/ChocolateBlanco.jsx b/frontend/src/Pasteles/ChocolateBlanco.jsx
index fcdd0c2..a90d963 100644
--- a/frontend/src/Pasteles/ChocolateBlanco.jsx
+++ b/frontend/src/Pasteles/ChocolateBlanco.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, {useEffect, useState} from "react";
import { RiCustomerService2Fill } from "react-icons/ri";
import { FaUser } from "react-icons/fa";
@@ -9,11 +9,19 @@ import { FaRegEye } from "react-icons/fa";
import { CiShare2 } from "react-icons/ci";
import { useNavigate } from "react-router-dom";
import './ChocolateBlanco.css';
+import Swal from 'sweetalert2'
+import axios from 'axios';
function ChocolateBlanco() {
const navigate = useNavigate();
+ const [datosFormulario, setDatosFormulario] = useState(
+ {correo: '',
+ password: '',
+ nombre: ''
+ });
+
const redirectPersonalizarPastelArcoiris = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/PersonalizarPastel/PastelArcoiris");
@@ -32,7 +40,121 @@ function ChocolateBlanco() {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/");
};
+
+ const redirectToLogin = () => {
+
+ navigate("/Login");
+ };
+
+
+ const mostrarAlertaLogOut = () => {
+ Swal.fire({
+ title: "Cerrar Sesión",
+ text: "¿Seguro que quieres cerrar sesión?",
+ icon: "warning",
+ showCancelButton: true, // Mostrar el botón de cancelar
+ confirmButtonColor: "#3085d6", // Color del botón de confirmar
+ cancelButtonColor: "#d33", // Color del botón de cancelar
+ confirmButtonText: "Sí", // Texto del botón de confirmar
+ cancelButtonText: "No", // Texto del botón de cancelar
+ }).then((result) => {
+ if (result.isConfirmed) {
+ Swal.fire({
+ text: "Sesión cerrada correctamente. Adiós " + nombreUsuario + "",
+ icon: "success",
+ });
+ cerrarSesion();
+ }
+ });
+ };
+
+ const [nombreUsuario, setNombreUsuario]=useState("");
+ const obtenerNombreUsuario = async () => {
+ try {
+ // Realizar la llamada al backend para obtener el nombre del usuario
+ const response = await axios.post('http://localhost:4567/frontend/obtenerUsuario', { datosFormulario });
+ setNombreUsuario(response.data.nombre);
+ console.log(nombreUsuario);
+
+ } catch (error) {
+ // Manejar el error según tus necesidades
+ console.error("Error al obtener el nombre del usuario", error);
+ }
+ };
+
+ useEffect(() => {
+ // Llamar a la función al cargar la página
+ obtenerNombreUsuario();
+ }, []);
+
+ const cerrarSesion = async () => {
+ try {
+ // Realizar la llamada al backend para obtener el nombre del usuario
+ const response = await axios.post('http://localhost:4567/frontend/cerrarSesion', { datosFormulario });
+ setNombreUsuario(response.data.nombre);
+ console.log(nombreUsuario);
+ obtenerNombreUsuario();
+ //mostrarAlertaLogOut();
+ } catch (error) {
+ // Manejar el error según tus necesidades
+ console.error("Error al obtener el nombre del usuario", error);
+ }
+ };
+
+ const mostrarAlertaReservaFallidaPers=()=>{
+ Swal.fire({
+ title: "Pedidos Info",
+ text: "No se encuentra disponible.",
+ icon: "info",
+ button: "Aceptar"
+
+ });
+ };
+
+ const mostrarAlertaReservaExitosa=()=>{
+ Swal.fire({
+ title: "Pedido Exitosa",
+ text: "Tu Pedido se ha realizado correctamente.",
+ icon: "success",
+ button: "Aceptar"
+
+ });
+ };
+
+
+ const hacerPedidoPastel1 = async () => {
+
+
+ try{
+
+ if(nombreUsuario==null){
+ mostrarAlertaPedidoFallidaLogin();
+
+ }else{
+
+ const response = await axios.post('http://localhost:4567/frontend/hacerPedidoPastel1', {
+ textoEncima: "",
+ textoCantidad: "8",
+ textoRelleno: "Confetti cake",
+ textoTipo: "Pastel Chocolate Blanco",
+ textoPrecio:"603",
+ idPastel: "2"
+ });
+
+ mostrarAlertaReservaExitosa();
+
+ }
+
+ }catch(error){
+ console.error("Error al hace el pedido");
+ throw error;
+
+ }
+
+
+
+ };
return (
<>
@@ -76,6 +198,15 @@ function ChocolateBlanco() {
Personalizar Pastel
Pedidos
Blog
+ {nombreUsuario ? (
+ <>
+ {nombreUsuario}
+ Cerrar Sesión
+ >
+ ) : (
+ Iniciar Sesión
+ )
+ }