talvez realizando un hoc y utilizando

[high perch]

estoy intentando hacerlo utilizando Context, pero no termina de salir 😦
O sea, logro enviar la info pero no logro que me ejecute la función al renderizar la página

[lime rose]

puedes mandar foto? o si tienes un repo con mandalo

[high perch]

a ver si me resulta: https://github.com/darayaq-01/manos-al-trigo-panaderia.git
tienes que ver el branch ofertas-update-refactor

la parte del código que te digo también lo puedes ver acá: http://pastie.org/p/2KUB5Z0XWUcblktTovZSy9

el tema fundamental es:
tengo el home que tiene las categorías.
tengo otro componente que tiene los productos y puede filtrar por categorías. Eso funciona correctamente (aunque tengo que revisar la performance)
pero la idea es que desde home también la gente pueda seleccionar la categoría, entonces dirige al componente donde se despliegan los productos correspondientes.
Ahora, con el context logro pasar la info, y logro pasarlo para cambiar el state, pero luego no me pinta los productos...

[lime rose]

cuidado mi estimado

te paso el código

habia un problema al enviarle la categoria no la filtraba

const filterProductos = (products: TypeMyData[], filter: string | null) => {
        if (!filter) return products
        console.log(filter)

        console.log(products)
        const updateProducts = products.filter(
            (producto) => producto.category === filter.toLowerCase()
        )

        console.log(updateProducts)
        return updateProducts
    }
    console.log({ filter, message, filteredProductos })

por alguna razon si le dabas click desde el home, la contante filter esta en mayusculas la primera letra

por ello no te filtraba el arreglo

se debe a esto, ```js
export const myData: TypeMyData[] = [
{
id: 1,
img: pan,
name_product: 'Panes',
description: 'Panes elaborados con masa madre.'
},
{
id: 2,
img: dulce,
name_product: 'Dulces',
description: 'Variedad en repostería artesanal.'
},
{
id: 3,
img: salado,
name_product: 'Salados',
description: 'Deliciosas pizzas artesanales.'
}
]

en tu name_product tienes la primera letra en mayuscula

entonces al utilizarlo en tu componente "OfertasComponent.tsx", al hacer click mandaba el nombre con Mayúscula

si cambias esa propiedas o haces el metodo to lowerCase funciona correctamente

@high perch

[high perch]

hey... resultó, genial crack... vaya detalles tan pequeños que me llevaban de cabeza!

[lime rose]

de nada