Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Quando vou na página de favoritos, vai vazia

Apesar da página inicial estar com itens selecionados, quando vai para a página de favoritos vai vazia

Segue meu github https://github.com/einnovationline/cinetag

coloquei um console no index.js do Favorites e mostra que vai indefinido console.log(favorites)

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Olá, Herlon.

Tudo bem?

Parece que há um pequeno erro de digitação no seu componente Favorites. Você está tentando acessar favorites do contexto, mas na verdade, o nome da propriedade é favorite no singular e não favorites no plural. Veja como corrigir:

import Banner from 'components/Banner';
import React from './Favorites.module.css';
import TitleProject from 'components/TitleProject';
import Card from 'components/Card';
import { useFavoriteContext } from 'components/Context/Favorites';

export default function Favorites(){
    const { favorite } = useFavoriteContext()     //Aqui nessa linha
    console.log(favorite)     //Aqui nessa linha
    return(
        <>
            <Banner imagem='favorites' />
            <TitleProject>
                <h1>Meus favoritos</h1>
            </TitleProject>
            <section>
                {favorite && favorite.length > 0 ? (        //Aqui nessa linha
                    favorite.map((fav)=> {       //Aqui nessa linha
                        return <Card {...fav} key={fav.id} />
                    })
                ) : (
                    <p>Nenhum favorito encontrado.</p>
                )}
            </section>
        </>
    )

}

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.