front end design for zone selection

This commit is contained in:
Quentin Roussel
2024-04-03 22:02:18 +02:00
parent 846d12078d
commit 738b453e9c
5 changed files with 52 additions and 6 deletions

View File

@@ -4,7 +4,11 @@ import BlueButton, { GreenButton, RedButton } from "@/components/util/button";
import { useAdminConnexion } from "@/context/adminConnexionContext";
import useAdmin from "@/hook/useAdmin";
import { GameState } from "@/util/gameState";
import dynamic from "next/dynamic";
const ZoneSelector = dynamic(() => import('@/components/admin/zoneSelector').then((mod) => mod.ZoneSelector), {
ssr: false
});
export default function AdminPage() {
const { useProtect } = useAdminConnexion();
const { gameState, changeState } = useAdmin();
@@ -19,6 +23,7 @@ export default function AdminPage() {
<BlueButton onClick={() => changeState(GameState.PLAYING)}>Start game</BlueButton>
</div>
{gameState == GameState.PLACEMENT && <div className="max-h-5/6"><TeamReady /></div>}
{gameState == GameState.SETUP && <ZoneSelector />}
</div>
)
}