brdevstreamers / brdevstreamers-ui Goto Github PK

Por razões de segurança eu sugiro que o arquivo .env.development não esteja versionado. Sugiro também colocar no README uma frase para os próximos desenvolvedores pedirem o .env.development para outros developers que já o tiverem.

Cumprimentos @lucasmonstro

O @caio-emidio reparou que ficou faltando implementar o estilo de hover no Card:

Eu já fiz as seguintes alterações no PR #69:

• Removi o scale no hover
• Removi o border-radius no hover

Figma

I was thinking about it some time ago. (maybe one year! haha)

What do you think if we have a page of tools?
I created some overlays so maybe would be nice to leave there a page with these links.
And maybe it would be nice for other people to publish their tools on brstreamers.dev

I suggest changing the position of the start button, because the button is "hidden" on past transmissions

--> suggestion image

Create a button or link inside the streamer card to copy a command to raid it

In my point of view looks nice.
You can discuss in an easy way how the interface needs to be for everyone are trying to help.

People who don't understand Html/CSS will be able to see everything before it's already done and possible will be easy to make any type of change.

[EN-US]
CONTEXT
In the project we have two files for managing libs yarn.lock and package-lock.json.

PROBLEM
Which can cause inconsistencies in the resolution of libs, because the lock files are not synchronized.

SOLUTION
In the file readme of the project, the yarn is being referenced. Add package-lock.json to .gitignore

[PT-BR]
CONTEXTO
No projeto temos dois arquivos para gerenciamento de libs yarn.lock e o package-lock.json.

PROBLEMA
O que pode causar problema de inconsistências da resolução das libs, pelos arquivos lock não estarem sincronizado.

SOLUÇÂO
No arquivo readme do projeto, está sendo referenciado o yarn. Adicionar o package-lock.json ao .gitignore

After login, if the user was a streamer, he can claim the badge of "verified".

Whenever a user accesses the website, in the VOD section the Raid button shouldn't appear.

the access link for discord is invalid, when clicked, it takes you to the following page

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

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

Sempre que tento fazer login ele volta para a página inicial, sem o login realizado, apesar de pedir as minhas credenciais.

I was thinking about it...
in my point of view, the card needs some improvements.

Actual Card:

What i am thinking about:

If you want to change contribute:

Figma File
https://www.figma.com/file/MOHsNERLK9l1fzNyezFHDK/Untitled?node-id=0%3A1