Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[React-Componenet | E-SportsAPI] Carrega As Ligas Disponiveis e Times #4

Merged
merged 4 commits into from
Jun 15, 2023

Conversation

Underewarrr
Copy link
Owner

image
Foi implementada uma atualização no componente GamesByDate, incluindo cartões e classes CSS, utilizando a API https://api.sportsdata.io/ para obter os dados dos jogos.

A API https://api.sportsdata.io/ é uma fonte de dados esportivos abrangente que disponibiliza informações detalhadas sobre jogos, competições e equipes de diversos esportes, incluindo o Counter-Strike: Global Offensive (CS:GO). Com essa API, podemos acessar os jogos agendados para uma data específica e obter informações relevantes sobre cada jogo, como as equipes participantes, o status, o formato, o vencedor, as pontuações e as atualizações.

Foi adicionado o componente GamesByDate, que exibe os jogos de uma determinada data. Os jogos são obtidos por meio da API https://api.sportsdata.io/v3/csgo/scores/json/GamesByDate/{data}. Os dados são apresentados em uma lista de cartões, sendo cada cartão representativo de um jogo específico.
image

A estrutura básica de cada cartão é composta por:

Título do Jogo
Detalhes do jogo, como os nomes das equipes, o status, o formato, o vencedor, as pontuações e as atualizações.

Adicionado o componente `GamesByDate` que exibe os jogos de uma determinada data. Os jogos são obtidos da API `https://api.sportsdata.io/v3/csgo/scores/json/GamesByDate/{date}`. Os dados são renderizados em uma lista de cartões, onde cada cartão representa um jogo.

A estrutura básica do cartão é a seguinte:

Título do Jogo
      Detalhes do jogo, como os nomes das equipes, status, melhor de, vencedor, pontuações e atualizações.

Os jogos são renderizados em uma div com a classe CSS game-cards, que utiliza a propriedade display: flex para exibir os cartões em uma linha. Cada cartão possui a classe CSS game-card, que define estilos de fundo escuro.

Os dados do jogo são mapeados para os elementos de texto dentro do cartão. Se um campo estiver vazio ou nulo, o elemento correspondente não será renderizado.

Além disso, o componente lida com o caso em que nenhum jogo é encontrado para a data especificada, exibindo uma mensagem apropriada.

Essa atualização permite que os usuários visualizem os jogos programados para uma determinada data e obtenham informações relevantes sobre cada jogo.
@Underewarrr Underewarrr self-assigned this Jun 15, 2023
@vercel
Copy link

vercel bot commented Jun 15, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tactical-titans-cs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 15, 2023 6:28pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant