diff --git a/components/ItemContentSkeleton.tv.tsx b/components/ItemContentSkeleton.tv.tsx index 6b106937..e8186434 100644 --- a/components/ItemContentSkeleton.tv.tsx +++ b/components/ItemContentSkeleton.tv.tsx @@ -1,41 +1,28 @@ import React from "react"; import { Dimensions, View } from "react-native"; +import { useSafeAreaInsets } from "react-native-safe-area-context"; const { width: SCREEN_WIDTH } = Dimensions.get("window"); export const ItemContentSkeletonTV: React.FC = () => { + const insets = useSafeAreaInsets(); + return ( - {/* Left side - Poster placeholder */} - + {/* Left side - Content placeholders */} + + {/* Logo placeholder */} - - - {/* Right side - Content placeholders */} - - {/* Logo/Title placeholder */} - { }} /> + + {/* Right side - Poster placeholder */} + + + ); };