search

brdevstreamers / brdevstreamers-ui

https://brstreamers.dev
Apache License 2.0
60 stars 20 forks source link

bug: falha ao recuperar dados da API #76

Open thlmenezes opened 6 months ago

thlmenezes commented 6 months ago

Descrição do problema

Atualmente ao tentar acessar a home do site, temos um loading infinito [1]

O site tenta acessar dados da URL https://api.brstreamers.dev:8000/public/streams e https://api.brstreamers.dev:8000/public/vods; falhando com net::ERR_CONNECTION_REFUSED [2]

Experimentos em ambiente local

Baixei este repositório, fiz algumas alterações no código [4] para contornar erros que apareceram no build e consegui contornar o loading infinito [5][6]; dentre os erros que contornei, tinha um erro 500 ao interagir com a rota /tags [7]

Links, Prints e etc

[1] Home do site com skeleton em loading infinito

image

[2] Requisições feitas ao carregar a página Home

image

[3] Issue semelhante reportada no passado

brdevstreamers/brdevstreamers-api#44

[4] Diff das alterações que fiz localmente ```diff diff --git a/src/pages/Estatisticas.tsx b/src/pages/Estatisticas.tsx index 066a99f..b634af9 100644 --- a/src/pages/Estatisticas.tsx +++ b/src/pages/Estatisticas.tsx @@ -100,6 +100,8 @@ export default function StatsPage() {
+ {/* @eslint-disable-next-line @typescript-eslint/ban-ts-comment + * @ts-ignore */} (endpoints.channels.url), - apiGet(endpoints.tags.url), + // apiGet(endpoints.tags.url), + [], apiGet(endpoints.vods.url), ]); @@ -106,7 +107,7 @@ export default function Home() { const tagNames = searchParams.get("tags"); if (tagNames && tags.length) { const tagsNamesArray = decodeURIComponent(tagNames).split(","); - const newSelectedTags = tagsNamesArray.map((tag) => tags.find((t) => t.name === tag)) as Tag[]; + const newSelectedTags = tagsNamesArray.map((tag) => tags.find((t) => t.name === tag)) as Tag[]; setSelectedTags(newSelectedTags); } }, [searchParams, tags]); @@ -126,7 +127,7 @@ export default function Home() { () => filterChannelsByTags(channels, selectedTags), [channels, selectedTags], ); - + return ( @@ -212,7 +213,6 @@ export default function Home() { { e.preventDefault(); ```

[5] Home funcionando ao apontar API para https://brdevstreamers-api.vercel.app/public/

image

[6] Prints das requisições antes e depois

image

[7] Erro 500 na rota /tags

image