Open cruzma opened 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
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
Leaderboard