From 3344439ef43e03129cf0db8282ba831c4627b3e3 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sat, 3 Sep 2022 21:06:52 +0300
Subject: [PATCH] fix info panel visible issue in mobile

---
 src/routes/GamePage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/GamePage.tsx b/src/routes/GamePage.tsx
index 6ec6e64..45dd7c5 100644
--- a/src/routes/GamePage.tsx
+++ b/src/routes/GamePage.tsx
@@ -263,7 +263,7 @@ const GamePage: FunctionComponent<{
 
     function renderMobileBoardToolbar() {
         return <BoardToolbar style={{ justifyContent: "center" }} visible={showBoardView && isMobile || false}>
-            {buildInfoPanel()}
+            {buildInfoPanel({ visible: isMobile })}
         </BoardToolbar>;
     }
 
@@ -273,7 +273,7 @@ const GamePage: FunctionComponent<{
                 marginBottom: "0.5rem", marginLeft: "6%", maxWidth: isMobile ? "40vw" : "30vw",
                 width: isMobile ? "40vw" : "30vw"
             }} context={context} layoutMode="left" user={topLocatedUser} visible={showBoardView || false} />
-            {buildInfoPanel()}
+            {buildInfoPanel({ visible: !isMobile })}
             <UserStatus style={{
                 marginBottom: "0.5rem", marginRight: "6%", maxWidth: isMobile ? "40vw" : "30vw",
                 width: isMobile ? "40vw" : "30vw"
@@ -281,7 +281,7 @@ const GamePage: FunctionComponent<{
         </BoardToolbar>;
     }
 
-    function buildInfoPanel() {
+    function buildInfoPanel(params: { visible: boolean }) {
         return (
             <InfoPanel
                 style={{ marginTop: "0.5rem", marginBottom: "0.5rem" }}
@@ -291,7 +291,7 @@ const GamePage: FunctionComponent<{
                 whitePlayer={topLocatedUser}
                 blackPlayer={bottomLocatedUser}
                 leftPlayer={leftPlayer}
-                visible={!isMobile}
+                visible={params.visible}
                 isSpectator={isSpectator} />
         );
     }