diff --git a/client/src/pages/perfil/ListaDeseo.jsx b/client/src/pages/perfil/ListaDeseo.jsx index 59f7b74a..33e2108d 100644 --- a/client/src/pages/perfil/ListaDeseo.jsx +++ b/client/src/pages/perfil/ListaDeseo.jsx @@ -29,7 +29,7 @@ const StyledRating = styled(Rating)({ }); function ListaDeseo() { - + const navigate = useNavigate(); const [boton1, setBoton1] = useState('lista-boton'); @@ -45,10 +45,10 @@ function ListaDeseo() { const [sort, setSort] = useState('') const [log, setLog] = useState(false); //<<< PARA EL INICIO DE SESION const [login, setLogin] = useState(false); - -// useEffect(()=>{ -// localStorage.removeItem("favoritos") -// },[]) + + // useEffect(()=>{ + // localStorage.removeItem("favoritos") + // },[]) async function recibido() { const respuesta = await fetch("/api/logueado", { method: "GET", @@ -77,7 +77,7 @@ function ListaDeseo() { const filtrar = (type) => { settipoProducto(type); } - + const [contResumen, setContResumen] = useState([ // CONTENIDO COMENTADO. ¡¡¡USAR SOLAMENTE PARA PRUEBAS ES CASO DE NO HABER AUN CONEXION FRONT-BACK!!! // { @@ -229,18 +229,18 @@ function ListaDeseo() { useEffect(() => { const Prod = async () => { if (Uid) { - try { + try { //este fetch traera todos los favoritos del cliente,solo incluyendo servicios y productos const response = await fetch(`/api/admin/favoritos/FavoritosbyId/${Uid}`) const data = await response.json(); setContResumen(data) - } catch (error) { - console.error("hubo error :", error) + } catch (error) { + console.error("hubo error :", error) + } + } else { + let myArray = await JSON.parse(localStorage.getItem("favoritos")) || []; + setContResumen(myArray) } - }else{ - let myArray = await JSON.parse(localStorage.getItem("favoritos")) || []; - setContResumen(myArray) - } } Prod() }, [Uid]) @@ -287,19 +287,19 @@ function ListaDeseo() { } const removeProducto = (itemId) => { - if(Uid){ - eliminarFav(itemId) - setContResumen(contResumen.filter(item => item.pkIdPS !== itemId)); - }else{ - RLSFavoritos(itemId) - setContResumen(contResumen.filter(item => item.pkIdPS !== itemId)); - } + if (Uid) { + eliminarFav(itemId) + setContResumen(contResumen.filter(item => item.pkIdPS !== itemId)); + } else { + RLSFavoritos(itemId) + setContResumen(contResumen.filter(item => item.pkIdPS !== itemId)); + } }; const RLSFavoritos = (id) => { let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; favoritos = favoritos.filter((obj) => obj.pkIdPS !== id); localStorage.setItem("favoritos", JSON.stringify(favoritos)); - }; + }; const eliminarFav = async (idProServ) => { try { @@ -374,7 +374,7 @@ function ListaDeseo() { return 0; } }) - + const contenido = filteredProducts.map(producto => (
  • @@ -402,7 +402,7 @@ function ListaDeseo() {

    {'$' + producto.precio + ' MXN'}

    -

    {producto.nombre}

    +

    {producto.nombre}

    {producto.descripcion.length > 120 ? ( producto.descripcion.substring(0, 120) + '...'