Não sei se é só comigo (navegador microsoft edge), porem sempre que carrego o front do detalhes da serie ele realiza a chamada para o top 5 episódios não importando qual temporada eu escolhi:
Nesse exemplo eu escolhi todas as temporadas, que teve a requisição 200, mas logo depois fez o reques de top5 também, onde carregou os top 5 no front, espero ter descrevido certo o problema.
Como solução, no arquivo 'index.js' no projeto do front, eu adicionei após a função 'carregarInfoSerie()' uma nova função:
// Função para lidar com a mudança de seleção
function verificaEscolhaChange() {
const valorSelecionado = listaTemporadas.value;
if (valorSelecionado === 'top') {
carregarTopEpisodios();
} else {
carregarEpisodios();
}
}
e depois chamei no 'addEventListener'
listaTemporadas.addEventListener('change', verificaEscolhaChange);
Após isso, para mim solucionou a dupla chamada, e agora só quando eu clico no top 5 episódios realiza a chamada dos top5.
Espero ter ajudado qualquer um com esse mesmo problema e segue o final do meu arquivo 'index.js' do front com a minha solução:
Só colar da linha 122 para baixo:
// Função para lidar com a mudança de seleção
function verificaEscolhaChange() {
const valorSelecionado = listaTemporadas.value;
if (valorSelecionado === 'top') {
carregarTopEpisodios();
} else {
carregarEpisodios();
}
}
// Adiciona ouvinte de evento para o elemento select
listaTemporadas.addEventListener('change', verificaEscolhaChange);
// Carrega as informações da série e as temporadas quando a página carrega
carregarInfoSerie();
carregarTemporadas();