diff --git a/attached_assets/image_1756571502746.png b/attached_assets/image_1756571502746.png new file mode 100644 index 0000000..80addaa Binary files /dev/null and b/attached_assets/image_1756571502746.png differ diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 630d812..23dc46c 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -7,6 +7,7 @@ interface VideoCardProps { video: Video; onClick: (video: Video) => void; className?: string; + hideOverlay?: boolean; } function formatDuration(seconds: number): string { @@ -42,7 +43,7 @@ function formatDate(date: Date | string): string { return `${Math.floor(diffDays / 30)} month${Math.floor(diffDays / 30) > 1 ? 's' : ''} ago`; } -export default function VideoCard({ video, onClick, className = "" }: VideoCardProps) { +export default function VideoCard({ video, onClick, className = "", hideOverlay = false }: VideoCardProps) { const [isHovered, setIsHovered] = useState(false); const [showPreview, setShowPreview] = useState(false); const hoverTimeoutRef = useRef(); @@ -210,8 +211,8 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP )} - {/* Title overlay - only show when not playing preview */} - {!showPreview && ( + {/* Title overlay - only show when not playing preview and hideOverlay is false */} + {!showPreview && !hideOverlay && (
{video.title}
diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx index 38baabc..63e7f18 100644 --- a/client/src/pages/FolxStadlPage.tsx +++ b/client/src/pages/FolxStadlPage.tsx @@ -108,6 +108,7 @@ export default function FolxStadlPage() { video={video} onClick={handleVideoClick} className="w-full hover:scale-102 transition-all duration-300 rounded-lg overflow-hidden" + hideOverlay={true} />