gavin
fa352238bb
- Context - sync _tilts_ between participants - shiny cards - reconnect clients - updates Settings - re-animate Switches Co-authored-by: Gavin McDonald <gavinmcdoh@gmail.com> Reviewed-on: #3
36 lines
952 B
TypeScript
36 lines
952 B
TypeScript
'use client';
|
|
|
|
import { useEffect } from 'react';
|
|
import { useParams } from 'next/navigation';
|
|
|
|
import { useAppContext } from '@/app/AppContext';
|
|
import CardSelect from '@/components/CardSelect';
|
|
import Notes from '@/components/Notes';
|
|
import NotFound from '@/components/NotFound';
|
|
import Settings from '@/components/Settings/index';
|
|
import { SpectatorLink } from '@/components/SpectatorLink';
|
|
import TarokkaGrid from '@/components/TarokkaGrid';
|
|
|
|
export default function GamePage() {
|
|
const { noGame, setGameID } = useAppContext();
|
|
const { gameID } = useParams();
|
|
|
|
useEffect(() => {
|
|
if (gameID) {
|
|
setGameID(Array.isArray(gameID) ? gameID[0] : gameID);
|
|
}
|
|
}, [gameID]);
|
|
|
|
return noGame ? (
|
|
<NotFound />
|
|
) : (
|
|
<main className="min-h-screen flex flex-col items-center justify-center gap-4 bg-[url('/img/table3.png')] bg-cover bg-center">
|
|
<SpectatorLink />
|
|
<Settings />
|
|
<TarokkaGrid />
|
|
<Notes />
|
|
<CardSelect />
|
|
</main>
|
|
);
|
|
}
|