diff --git a/connect4-ui/app/layout.tsx b/connect4-ui/app/layout.tsx index c28416a..f0cc295 100644 --- a/connect4-ui/app/layout.tsx +++ b/connect4-ui/app/layout.tsx @@ -1,23 +1,26 @@ import type { Metadata } from "next"; import "./globals.css"; import Nav from "@/components/Nav"; +import { ConnectionProvider } from "@/lib/connection"; export const metadata: Metadata = { - title: "Connect4 Moderator", - description: "Watch matches, track tournaments, and play Connect4", + title: "Connect4 Moderator", + description: "Watch matches, track tournaments, and play Connect4", }; export default function RootLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - -
- -- Student AI tournament platform โ watch games, track standings, or play - yourself. -
-{desc}
- - ))} -+ Connect as an observer to watch live matches and tournaments. +
+- Connect as a player and compete in matches -
-+ Connected as {username} +
+Connect to start
- ) : ( - statusMessages.map((m, i) => ( -- {m} -
- )) - )} -No events yet
+ ) : ( + statusMessages.map((m, i) => ( ++ {m} +
+ )) + )} ++ Ready up to start +
++ Click the{" "} + + Ready to Play + {" "} + button in the Match panel to enter the queue. +
++ Waiting for an opponent... +
+Ready to play?
-- Enter your username and connect to the server to start a match -
-- Waiting for an opponentโฆ -
-- The game will start automatically when a match is found -
-- {isMyTurn ? ( - - โฌ Click a column to drop your piece - - ) : ( - Waiting for opponentโฆ - )} -
- )} - > - )} -