diff --git a/src/components/frontend/eod/EodArena.tsx b/src/components/frontend/eod/EodArena.tsx index 6c67de2..0c386aa 100644 --- a/src/components/frontend/eod/EodArena.tsx +++ b/src/components/frontend/eod/EodArena.tsx @@ -17,24 +17,15 @@ export function EodArena({ const [refreshKey, setRefreshKey] = useState(0); const [playing, setPlaying] = useState(false); const [selectedDifficulty, setSelectedDifficulty] = useState("training"); - const { isMobile, setOpen, setOpenMobile } = useSidebar(); + const { isMobile, setOpenMobile } = useSidebar(); const activeTeams = useRealtimePresence("eod", playing, true); const onPhaseChange = useCallback((phase: "ready" | "playing" | "over") => { setPlaying(phase === "playing"); }, []); useEffect(() => { - const landscapeQuery = window.matchMedia("(orientation: landscape)"); - const hideSidebarForLandscapeGame = () => { - if (!playing || !landscapeQuery.matches) return; - if (isMobile) setOpenMobile(false); - else setOpen(false); - }; - - hideSidebarForLandscapeGame(); - landscapeQuery.addEventListener("change", hideSidebarForLandscapeGame); - return () => landscapeQuery.removeEventListener("change", hideSidebarForLandscapeGame); - }, [isMobile, playing, setOpen, setOpenMobile]); + if (playing && isMobile) setOpenMobile(false); + }, [isMobile, playing, setOpenMobile]); return (