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 && } - + ); }