chingu-voyages / v44-tier2-team-25

Boole Bots is a game that is not only fun, but also an aid in helping to understand basic Boolean logic. This game has an arena of 8x8 game tiles in which your bots move at random speeds and trajectories. The Bots are assigned boolean values of 0 or 1 and boolean operations - AND, OR, NOR, NOT.
https://boolebots25.netlify.app
1 stars 2 forks source link

Leaderboard #16

Open cruzma opened 1 year ago

cruzma commented 1 year ago

Leaderboard

paulpessoa commented 1 year ago
const battleResults = [
  { id: 1, name: "Argonauts", battles: { win: 1, loss: 1, tie: 1 } },
  { id: 2, name: "Blackhawks", battles: { win: 1, loss: 0, tie: 1 } },
  { id: 3, name: "Dynamo", battles: { win: 0, loss: 2, tie: 0 } },
  { id: 4, name: "Globetrotters", battles: { win: 5, loss: 0, tie: 1 } },
];

I created the Leaderboard component and used it to install and configure SASS (SCSS) and ChakraUi. Also in the variales.scss file I created some variables to help understand how scss works

image

Image

const battleResults = [
   { name: 'Player 1', battles: ['win', 'low', 'tie']},
   { name: 'Player 2', battles: ['tie', 'tie', 'win']},
   { name: 'Player 3', battles: ['low', 'win', 'low']},
   { name: 'Player 4', battles: ['win', 'win', 'tie']}
];

I'm using useState and useEffect