From 8804f34b8c7ef1760c41f3d1f44a4df618c4102b Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 20:03:22 +0000
Subject: [PATCH] Improve video card interaction by passing click events to
 parent components

Update the `VideoCard` component in `client/src/components/video-card.tsx` to pass video click events to a parent handler via an `onClick` prop, instead of directly navigating using `window.location.href`. This change decouples the card's navigation logic and allows for more flexible handling of clicks.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/PjBvWAg
---
 client/src/components/video-card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index e651286..b975718 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -49,7 +49,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
       {/* Simple thumbnail with fallback - no HLS loading until needed */}
       <div 
         className="relative gradient-card rounded-xl overflow-hidden mb-4 aspect-video cursor-pointer group"
-        onClick={() => window.location.href = `/video/${video.id}`}
+        onClick={() => onClick?.(video)}
       >
         <img
           src={video.thumbnailUrl}
@@ -92,7 +92,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
       <div className="space-y-2">
         <h3 
           className="font-semibold line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer"
-          onClick={() => window.location.href = `/video/${video.id}`}
+          onClick={() => onClick?.(video)}
           data-testid={`text-title-${video.id}`}
         >
           {video.title}