From cc7f9d2bcfd79cf2421183cd67442786fd2769f0 Mon Sep 17 00:00:00 2001
From: Natalie Bridgers <natalie@stream.place>
Date: Thu, 4 Jun 2026 20:31:07 -0500
Subject: [PATCH] show chat on live, show chrome on mobile web portrait

---
 js/app/components/mobile/player.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/js/app/components/mobile/player.tsx b/js/app/components/mobile/player.tsx
index 3d0777ca..6329eee0 100644
--- a/js/app/components/mobile/player.tsx
+++ b/js/app/components/mobile/player.tsx
@@ -82,18 +82,18 @@ function PlayerWithProvider(
     onTeleport?: (targetHandle: string, targetDID: string) => void;
   },
 ) {
-  let [showChat, setShowChat] = useState(props.mode === "live");
+  let [showChat, setShowChat] = useState(props.mode != "vod");
   if (props.mode === "vod") {
     showChat = false;
   }
   const { shouldShowChatSidePanel, chatPanelWidth } = useResponsiveLayout();
   const chatVisible = shouldShowChatSidePanel && showChat;
   const { width: screenWidth, height: screenHeight } = useWindowDimensions();
-  const { top: safeTop } = useSafeAreaInsets();
+  let { top: safeTop } = useSafeAreaInsets();
   const segDims = useSegmentDimensions();
   const isPortrait = screenHeight > screenWidth;
+  // if the screen is portrait and video is landscaps
   const isPortraitLandscapeCase =
-    Platform.OS !== "web" &&
     isPortrait &&
     segDims.width > segDims.height &&
     !shouldShowChatSidePanel &&
@@ -176,9 +176,7 @@ function PlayerWithProvider(
     chatSection = (
       <>
         <MobileUi hideMobileChat={true} showChat />
-        {!showUnavailable && (
-          <MobileChatPanel isPlayerRatioGreater={true} fixed={true} />
-        )}
+        <MobileChatPanel isPlayerRatioGreater={true} fixed={true} />
       </>
     );
   } else if (shouldShowChatSidePanel) {
@@ -233,7 +231,6 @@ function PlayerWithProvider(
               <Text>Back</Text>
             </View>
           </Button>
-          {chatSection}
         </View>
       </View>
     );
@@ -263,7 +260,10 @@ function PlayerWithProvider(
                 flex: 1,
                 width: "100%",
                 height: "100%",
-                paddingTop: isPortraitLandscapeCase ? 54 : undefined,
+                paddingTop:
+                  isPortraitLandscapeCase && Platform.OS != "web"
+                    ? 54
+                    : undefined,
               },
             ]}
           >
-- 
2.51.2