From e1b4daf29ffd6addeb36de6c657b56af4c5b22f1 Mon Sep 17 00:00:00 2001 From: bootcamp Date: Thu, 21 Nov 2024 10:18:19 -0500 Subject: [PATCH] check ts --- src/api/fetch.ts | 2 -- src/dom/cart.ts | 2 +- src/dom/products.ts | 2 +- src/utils/filter.ts | 2 ++ 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/api/fetch.ts b/src/api/fetch.ts index 51d6a0c..d5f4688 100644 --- a/src/api/fetch.ts +++ b/src/api/fetch.ts @@ -9,7 +9,6 @@ export async function fetchData(): Promise { throw new Error("No se pudo obtener la data de la Api"); } const dataProducts = await response.json(); - console.log(dataProducts) return mapperProducts(dataProducts.products); } catch (error) { @@ -26,7 +25,6 @@ export async function fetchCategories(): Promise { throw new Error("No se pudo obtener la data de la Api"); } const categoryProducts = await response.json(); - console.log(categoryProducts) return mapperCategories(categoryProducts); } catch (error) { diff --git a/src/dom/cart.ts b/src/dom/cart.ts index e0e6830..dc2ba15 100644 --- a/src/dom/cart.ts +++ b/src/dom/cart.ts @@ -1,5 +1,5 @@ let cartCount: number = 0; -const cartElement = document.querySelector("#cart-counter") as HTMLElement | null; +const cartElement = document.querySelector("#cart-counter"); export function addToCart() { cartCount++; diff --git a/src/dom/products.ts b/src/dom/products.ts index 3c7939e..2a24c5d 100644 --- a/src/dom/products.ts +++ b/src/dom/products.ts @@ -4,7 +4,7 @@ import { capitalizeFirstLetter } from '../utils/format.js'; import { Product } from '../types/product.js'; // Renderizar los productos en la card - +// el nombre podr'ia ser m'as enfocado a lo que hace, en este caso renderAllProducts, data es muu general export function renderAllData(products: Product[], container: HTMLElement): void { products.forEach((element) => { diff --git a/src/utils/filter.ts b/src/utils/filter.ts index b61b7de..8c3fc17 100644 --- a/src/utils/filter.ts +++ b/src/utils/filter.ts @@ -5,6 +5,8 @@ import { Product } from "../types/product.js"; // Filtrar productos por categoría export function selectProduct(products:Product[], selectedCategory: string, container: HTMLElement, imageUrl: string): Product[] { container.innerHTML = ""; + // usemos enum para palabras m'agicas + // cambiar el ternario por if const filteredProducts = selectedCategory === "all" ? products : products.filter((product) => product.category === selectedCategory);