diff --git a/frontend/src/Pedidos.jsx b/frontend/src/Pedidos.jsx
index be1f3ca..32b5a33 100644
--- a/frontend/src/Pedidos.jsx
+++ b/frontend/src/Pedidos.jsx
@@ -25,6 +25,8 @@ import pastel_fresa_arcoiris from "./assets/Pastel-fresas-arcoiris.png";
import pastel_fresa_oreo from "./assets/Pastel-fresas-oreo.png";
import pastel_fresa_vainilla from "./assets/Pastel-fresas-vainilla.png";
+import Swal from 'sweetalert2';
+
import pastelZarza from "./assets/pastel-zarza.jpg"
@@ -145,6 +147,54 @@ const mostrarAlertaLogOut = () => {
navigate("/Pasteles");
};
+ const mostrarAlertaEliminarPedido = (idPedido, nombPastel, status) => {
+ if (status === "listo para entregar") {
+ Swal.fire({
+ title: "No se puede eliminar",
+ text: `El pedido del ${nombPastel} ya está listo para entregar y no se puede eliminar.`,
+ icon: "info",
+ confirmButtonText: "Entendido",
+ });
+ } else {
+ Swal.fire({
+ title: "Eliminar Pedido",
+ text: `¿Seguro que quieres eliminar tu pedido del ${nombPastel}?`,
+ 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: "Pedido eliminado correctamente.",
+ icon: "success",
+ });
+ eliminarPedido(idPedido);
+ }
+ });
+ }
+ };
+
+
+ const eliminarPedido = async (idPedido) => {
+ console.log(idPedido);
+ try {
+ if (idPedido) {
+ const response = await axios.post('http://localhost:4567/frontend/eliminarPedido', { datosId: { idPedido } });
+ console.log(response.data);
+ // Lógica adicional si es necesario
+ obtenerPedidosDePasteles(); // Asumiendo que tienes una función para obtener pedidos, similar a obtenerReservaciones
+ } else {
+ console.log("El ID del pedido es obligatorio para eliminar.");
+ // Lógica adicional si es necesario
+ }
+ } catch (error) {
+ throw error;
+ }
+ };
+
const [pedidos, setPedidos] = useState([]);
const generarPedidos = () => {
@@ -202,7 +252,7 @@ const mostrarAlertaLogOut = () => {
Estatus: {pedido.estatus}
Inscripción: {pedido.inscripcion}
Relleno: {pedido.relleno}
-
diff --git a/frontend/src/PersPastel1.jsx b/frontend/src/PersPastel1.jsx
index 9e15012..9cba2f2 100644
--- a/frontend/src/PersPastel1.jsx
+++ b/frontend/src/PersPastel1.jsx
@@ -3,6 +3,8 @@ import './PersPastelStyle.css';
import { Button, Select, MenuItem, TextField, Box } from '@mui/material';
+import StarRatings from 'react-star-ratings';
+
import { RiCustomerService2Fill } from "react-icons/ri";
import { FaUser } from "react-icons/fa";
import { LuShoppingBasket } from "react-icons/lu";
@@ -32,6 +34,8 @@ function Pastel() {
const [textoTipo, setTextoTipo] = useState("");
+ const [textoPrecio, setTextoPrecio] = useState("");
+
@@ -127,16 +131,6 @@ const [datosFormulario, setDatosFormulario] = useState(
}
};
- React.useEffect(() => {
-
- setTextoRelleno("Original");
- document.addEventListener("click", handleDocumentClick);
- return () => {
- document.removeEventListener("click", handleDocumentClick);
- };
- }, []);
-
-
const mostrarAlertaLogOut = () => {
Swal.fire({
title: "Cerrar Sesión",
@@ -176,6 +170,13 @@ const [datosFormulario, setDatosFormulario] = useState(
useEffect(() => {
// Llamar a la función al cargar la página
obtenerNombreUsuario();
+ obtenerReseñasPorPastel();
+ mostrarReseñas();
+ setTextoRelleno("Original");
+ document.addEventListener("click", handleDocumentClick);
+ return () => {
+ document.removeEventListener("click", handleDocumentClick);
+ };
}, []);
const cerrarSesion = async () => {
@@ -222,7 +223,7 @@ const [datosFormulario, setDatosFormulario] = useState(
const mostrarAlertaReservaExitosa=()=>{
Swal.fire({
- title: "Pedido Exitosa",
+ title: "Pedido Exitoso",
text: "Tu Pedido se ha realizado correctamente.",
icon: "success",
button: "Aceptar"
@@ -272,6 +273,8 @@ const [datosFormulario, setDatosFormulario] = useState(
console.log(textoEncima);
console.log(textoRelleno);
+
+
try{
if(nombreUsuario==null){
@@ -280,12 +283,13 @@ const [datosFormulario, setDatosFormulario] = useState(
}else{
const response = await axios.post('http://localhost:4567/frontend/hacerPedidoPastel1', {
- textoEncima: textoEncima,
- textoCantidad: datosPastel.quantity,
- textoRelleno: textoRelleno,
- textoTipo: "Pastel de Fresas",
- textoPrecio:"1000",
- });
+ textoEncima: textoEncima,
+ textoCantidad: datosPastel.quantity,
+ textoRelleno: textoRelleno,
+ textoTipo: "Pastel de Fresas",
+ textoPrecio:"1000",
+ idPastel: "1"
+ });
console.log(response.data);
mostrarAlertaReservaExitosa();
@@ -314,6 +318,118 @@ const [datosFormulario, setDatosFormulario] = useState(
};
+ const [reseñas, setReseñas] = useState([]);
+ const [datosFormularioReseña, setDatosFormularioReseña] = useState(
+ {contenido: '',
+ estrellas: 5
+ });
+
+
+ const handleInputChange = (e) => {
+ const { name, value } = e.target;
+ setDatosFormularioReseña({
+ ...datosFormularioReseña,
+ [name]: value,
+ });
+ };
+
+ const enviarReseña = async (e) => {
+ e.preventDefault();
+ await agregarReseña();
+ await obtenerReseñasPorPastel("1"); // Obtener las reseñas nuevamente para actualizar la lista
+ };
+
+
+ const agregarReseña = async () => {
+ console.log("Agregando reseña");
+ console.log(datosFormularioReseña.contenido);
+ console.log(datosFormularioReseña.estrellas);
+ console.log(nombreUsuario)
+
+ try{
+ if(nombreUsuario==null){
+ mostrarAlertaReseñaFallidaLogin();
+ }else{
+ const response = await axios.post('http://localhost:4567/frontend/agregarResenia', {
+ nombreUsuario: nombreUsuario,
+ idPastel: "1", // Asegúrate de tener el id del pastel
+ contenido: datosFormularioReseña.contenido,
+ estrellas: datosFormularioReseña.estrellas,
+ });
+
+ console.log(response.data);
+ //mostrarAlertaReseñaExitosa();
+ console.log("reseña exitosa");
+ console.log("")
+ // Limpiar los estados después de agregar la reseña
+ setDatosFormularioReseña({ contenido: "", estrellas: 0 });
+ }
+ }catch(error){
+ console.error("Error al agregar la reseña");
+ throw error;
+ }
+
+
+ };
+
+
+ const obtenerReseñasPorPastel = async (idPastel) => {
+ try {
+ const response = await axios.post('http://localhost:4567/frontend/obtenerReseniasPorPastel', {
+ idPastel: "1",
+ });
+ console.log("Reseñas obtenidas:", response.data.reseñas);
+ const reseñasTransformadas = response.data.reseñas.map(reseña => ({
+ idReseña: reseña.id_reseña,
+ nombreUsuario: reseña.nombre_usuario,
+ idPastel: reseña.id_pastel,
+ contenido: reseña.contenido,
+ estrellas: reseña.estrellas,
+ }));
+
+ setReseñas(reseñasTransformadas);
+ } catch (error) {
+ console.error("Error al obtener reseñas:", error);
+ }
+ };
+
+ const mostrarReseñas = () => {
+ if (!nombreUsuario) {
+ return (
+
Inicia Sesión para poder ver las reseñas.
+ );
+ } else {
+ if (reseñas.length === 0) {
+ return (
+
No hay reseñas para este pastel en este momento.
+ );
+ } else {
+ return (
+
+ {reseñas.map(reseña => (
+
+
+
+
+
{reseña.nombreUsuario}
+
+
+
+ {"★".repeat(reseña.estrellas)}{"☆".repeat(5 - reseña.estrellas)}
+
+
+ {reseña.contenido}
+
+
+ ))}
+
+ );
+ }
+ }
+ };
+
+
+
return (
@@ -459,7 +575,7 @@ const [datosFormulario, setDatosFormulario] = useState(
@@ -477,36 +593,13 @@ const [datosFormulario, setDatosFormulario] = useState(
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
- officiis quod blanditiis iste?
+ officiis quod blanditiis iste?, ipsum dolor sit amet consectetur
+ adipisicing elit. Sint autem magni earum est dolorem saepe
+ perferendis repellat ipsa laudantium cum assumenda quidem
+ quam, vero similique? Iustoofficiis