From 26e2b13249d45845cfde20b5e7edd051d7f617be Mon Sep 17 00:00:00 2001 From: ItsJorgeRdz03 <82615294+ItsJorgeRdz03@users.noreply.github.com> Date: Tue, 4 Jun 2024 12:23:26 -0700 Subject: [PATCH] =?UTF-8?q?Correci=C3=B3n=20en=20obtener=20id=20de=20usuar?= =?UTF-8?q?io.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/ui/NuestrosProductos.jsx | 427 ++++++++++-------- 1 file changed, 228 insertions(+), 199 deletions(-) diff --git a/client/src/components/ui/NuestrosProductos.jsx b/client/src/components/ui/NuestrosProductos.jsx index 5cf6be01..d826c8d3 100644 --- a/client/src/components/ui/NuestrosProductos.jsx +++ b/client/src/components/ui/NuestrosProductos.jsx @@ -1,206 +1,235 @@ -import Carousel from 'react-multi-carousel'; -import 'react-multi-carousel/lib/styles.css'; -import crema1 from '../../../public/pictures/crema1.png'; -import crema2 from '../../../public/pictures/crema2.png'; -import greenRight from '../../../public/pictures/greenRight.png' -import { ChevronRight } from 'lucide-react'; -import Ofertas from '../../components/ui/Ofertas'; -import { useState, useEffect } from 'react'; -import { ToastContainer, toast } from 'react-toastify'; -import 'react-toastify/dist/ReactToastify.css'; +import Carousel from "react-multi-carousel"; +import "react-multi-carousel/lib/styles.css"; +import crema1 from "../../../public/pictures/crema1.png"; +import crema2 from "../../../public/pictures/crema2.png"; +import greenRight from "../../../public/pictures/greenRight.png"; +import { ChevronRight } from "lucide-react"; +import Ofertas from "../../components/ui/Ofertas"; +import { useState, useEffect } from "react"; +import { ToastContainer, toast } from "react-toastify"; +import "react-toastify/dist/ReactToastify.css"; import PopupLogin from "../ui/Login/PopupLogin"; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { ArrowProps } from 'react-multi-carousel/lib/types' -import { faDiamond, faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { ArrowProps } from "react-multi-carousel/lib/types"; +import { + faDiamond, + faAngleLeft, + faAngleRight, +} from "@fortawesome/free-solid-svg-icons"; function Productos() { - // const [log, setLog] = useState(false); - // const [login, setLogin] = useState(false); - - // let respuestaJson = null; - // async function checkLogin() { - // try { - // const respuesta = await fetch("/api/logueado", { - // method: "GET", - // headers: { - // "Content-Type": "application/json", - // }, - // }); - - // respuestaJson = await respuesta.json(); - - // if (respuestaJson.logueado == true) { - // setLog(true); - // } else { - // setLog(false); - // } - // } catch (error) { - // setLog(false); - // } - // } - - // const toggleLoginPopup = () => { - // setLogin(!login); - // }; - - // const handleClickCarrito = () => { - // if (log) { - // return true; - // } else { - // toggleLoginPopup(); - // return false; - // } - // }; - - - // useEffect(() => { - // checkLogin(); - // }, []); - - - const [descuentos, setDescuentos] = useState([]); - const [id, setId] = useState(0); - - async function getId() { - let respuestaJson = null; - try { - const respuesta = await fetch("/api/logueado", { - method: "GET", - headers: { - "Content-Type": "application/json", - }, - }); - respuestaJson = await respuesta.json(); - console.log("id en uso: ", respuestaJson.clave); - await setId(respuestaJson.clave); - } catch (error) { - console.log("Error"); - } + // const [log, setLog] = useState(false); + // const [login, setLogin] = useState(false); + + // let respuestaJson = null; + // async function checkLogin() { + // try { + // const respuesta = await fetch("/api/logueado", { + // method: "GET", + // headers: { + // "Content-Type": "application/json", + // }, + // }); + + // respuestaJson = await respuesta.json(); + + // if (respuestaJson.logueado == true) { + // setLog(true); + // } else { + // setLog(false); + // } + // } catch (error) { + // setLog(false); + // } + // } + + // const toggleLoginPopup = () => { + // setLogin(!login); + // }; + + // const handleClickCarrito = () => { + // if (log) { + // return true; + // } else { + // toggleLoginPopup(); + // return false; + // } + // }; + + // useEffect(() => { + // checkLogin(); + // }, []); + + const [descuentos, setDescuentos] = useState([]); + const [id, setId] = useState(0); + + async function getId() { + let respuestaJson = null; + try { + const respuesta = await fetch("/api/logueado", { + method: "GET", + headers: { + "Content-Type": "application/json", + }, + }); + respuestaJson = await respuesta.json(); + if (respuestaJson.logueado == true) { + //console.log("id en uso: ", respuestaJson.clave); + await setId(respuestaJson.clave); + } + } catch (error) { + console.log("Error"); } - - useEffect(() => { - getId(); - }, []); - - - // const toggleSoon = () => { - // setSoon(!soon) - // }; - - //useEffect para obtener los productos con descuento - useEffect(() => { - setTimeout(() => { - fetch(`/api/admin/productos/descuento/${id}`) - .then((response) => { - if (!response.ok) { - throw new Error("Error al obtener los descuentos"); - } - return response.json(); - }) - .then((data) => { - setDescuentos(data.data); - console.log("descuentos", data.data); - }) - .catch((error) => { - console.log("error", error); - }); - }, [1000]) - }, [id]); - - - return ( - <> - -

Nuestros productos

-
-
-
- } - customRightArrow={} - // className='' - > - {descuentos.map(oferta => ( - - // - ))} - - -
-
-
- - - + } + + useEffect(() => { + getId(); + }, []); + + // const toggleSoon = () => { + // setSoon(!soon) + // }; + + //useEffect para obtener los productos con descuento + useEffect(() => { + setTimeout(() => { + fetch(`/api/admin/productos/descuento/${id}`) + .then((response) => { + if (!response.ok) { + throw new Error("Error al obtener los descuentos"); + } + return response.json(); + }) + .then((data) => { + setDescuentos(data.data); + //console.log("descuentos", data.data); + }) + .catch((error) => { + console.log("error", error); + }); + }, [1000]); + }, [id]); + + return ( + <> + +

+ Nuestros productos +

+
+
+
+ + } + customRightArrow={ + + } + // className='' + > + {descuentos.map((oferta) => ( + + // + ))} + +
+
+
+ + + +
+ + {/* {login && } */} + + ); } -export default Productos; \ No newline at end of file +export default Productos;