From b4c2338e69877ffc7d20cbfaecc4ef1d444fa578 Mon Sep 17 00:00:00 2001
From: Eli Mallon <eli@iame.li>
Date: Tue, 2 Jun 2026 09:54:37 -0700
Subject: [PATCH] app: hide VOD comments from the video interface for first
 launch
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Stop rendering <VodComments> in VodSection. The comment component and
its interaction hooks stay in place — they're just not shown — so this is
a one-line UI gate, easy to re-enable. On wide layouts VodSection now
renders nothing (metadata comes from BottomMetadata there); on narrow it
still shows the mobile metadata block.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 js/components/src/components/vod/vod-section.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/components/src/components/vod/vod-section.tsx b/js/components/src/components/vod/vod-section.tsx
index b456d877..f9c5ed85 100644
--- a/js/components/src/components/vod/vod-section.tsx
+++ b/js/components/src/components/vod/vod-section.tsx
@@ -1,7 +1,6 @@
 import { useWindowDimensions, View } from "react-native";
 import { px, py } from "../../ui";
 import { useVideoStore } from "../../video-store/video-store";
-import { VodComments } from "./vod-comments";
 import { VodMobileMetadata } from "./vod-mobile-metadata";
 
 export function VodSection() {
@@ -9,7 +8,9 @@ export function VodSection() {
   const { width } = useWindowDimensions();
   const isNarrow = width < 768;
 
-  if (!aturi) {
+  // Wide layouts surface metadata through BottomMetadata, so the mobile
+  // metadata block is all this section renders now.
+  if (!aturi || !isNarrow) {
     return null;
   }
 
@@ -21,8 +22,7 @@ export function VodSection() {
         { maxWidth: 720, alignSelf: "center" as const, width: "100%" },
       ]}
     >
-      {isNarrow && <VodMobileMetadata />}
-      <VodComments videoUri={aturi} />
+      <VodMobileMetadata />
     </View>
   );
 }
-- 
2.51.2