bug: falha ao recuperar dados da API

[thlmenezes]

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

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

[3] Issue semelhante reportada no passado

brdevstreamers/brdevstreamers-api#44

[4] Diff das alterações que fiz localmente

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() {
             </Tbody>
           </Table>
           <Center mt="10">
+            {/* @eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              * @ts-ignore */}
             <ReactApexChart
               options={options}
               series={[statsSummary.streams, statsSummary.vods, statsSummary.previews]}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 9a1686e..f329ac1 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -53,7 +53,8 @@ export default function Home() {
 
     const [channelsList, tagsList, vodsList] = await Promise.all([
       apiGet<Channel[]>(endpoints.channels.url),
-      apiGet<Tag[]>(endpoints.tags.url),
+      // apiGet<Tag[]>(endpoints.tags.url),
+      [],
       apiGet<Channel[]>(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 (
     <LandingLayout>
       <Flex mt={8} mb={4} gap={2} alignItems="center" wrap="wrap">
@@ -212,7 +213,6 @@ export default function Home() {
                 <TagChakra
                   as="a"
                   href={`?tags=${encodeURIComponent(tag.name)}`}
-                  flexShrink="0"
                   cursor="pointer"
                   onClick={(e) => {
                     e.preventDefault();

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

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

[7] Erro 500 na rota /tags