From a0c9fe9e8e9f3f248459ae46619471bc60706bb9 Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Sat, 29 Aug 2026 17:11:38 -0400
Subject: [PATCH] fix(eodArena): simplify sidebar handling for mobile in
 landscape orientation

---
 src/components/frontend/eod/EodArena.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

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<EodDifficulty>("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 (
     <div className="flex flex-col items-center gap-6">