45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import React, { useContext } from 'react';
|
|
import Leaderboard from '../components/leaderboard';
|
|
import GameList from '../components/gameList';
|
|
import Button from '../components/button';
|
|
import { GameContext } from '../contexts/GameContext';
|
|
|
|
|
|
function Home(){
|
|
let {selectedGame, setSelectedGame} = useContext(GameContext);
|
|
|
|
const games = [
|
|
{
|
|
"gameId": 1,
|
|
"completed": 3,
|
|
"gameSize": 9,
|
|
},{
|
|
"gameId": 2,
|
|
"completed": 16,
|
|
"gameSize": 25,
|
|
},{
|
|
"gameId": 4,
|
|
"completed": 14,
|
|
"gameSize": 25,
|
|
},{
|
|
"gameId": 7,
|
|
"completed": 3,
|
|
"gameSize": 9,
|
|
}
|
|
]
|
|
return (
|
|
<div className="min-h-full h-full flex flex-row">
|
|
<Leaderboard />
|
|
<GameList games={games}/>
|
|
<div className="flex flex-col">
|
|
<Button displayValue="New Game" link="/game/1"/>
|
|
<Button displayValue="Join Game" link={`/game/${selectedGame}`} disabled={selectedGame ? false : true}/>
|
|
<Button displayValue="List Pools"/>
|
|
<Button displayValue="Create Pool"/>
|
|
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Home; |