Some repatches

leaky-ships/components/Lobby/LobbyFrame.tsx

@@ -1,18 +1,17 @@
-import { gameContext } from "../../pages/_app"
 import Icon from "./Icon"
 import Player from "./Player"
-import { Fragment, useContext, useEffect, useState } from "react"
+import useGameState from "@lib/hooks/useGameState"
+import { Fragment, useEffect, useState } from "react"
 
 function LobbyFrame({ openSettings }: { openSettings: () => void }) {
-  const [gameProps, setGameProps] = useContext(gameContext)
-  const { enemy } = gameProps
+  const { gameProps } = useGameState()
   const [dots, setDots] = useState(1)
 
   useEffect(() => {
-    if (enemy) return
+    if (gameProps.enemy) return
     const interval = setInterval(() => setDots((e) => (e % 3) + 1), 1000)
     return () => clearInterval(interval)
-  }, [enemy])
+  }, [gameProps.enemy])
 
   return (
     <div className="mx-32 flex flex-col self-stretch rounded-3xl bg-gray-400">
@@ -33,8 +32,11 @@ function LobbyFrame({ openSettings }: { openSettings: () => void }) {
           edit={true}
         />
         <p className="font-farro m-4 text-6xl font-semibold">VS</p>
-        {enemy ? (
-          <Player src="player_red.png" text={enemy.name ?? "Spieler 2"} />
+        {gameProps.enemy ? (
+          <Player
+            src="player_red.png"
+            text={gameProps.enemy.name ?? "Spieler 2"}
+          />
         ) : (
           <p className="font-farro w-96 text-center text-4xl font-medium">
             Warte auf Spieler 2 {Array.from(Array(dots), () => ".").join("")}