From 06185bf4451324eedb3f3c7e7107afc3d424477d Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 15:01:10 +0000
Subject: [PATCH] Improve video display by adding logging for better debugging

Add console logs to the NetflixGrid component to track video data and improve debugging when no videos are present.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
---
 client/src/components/netflix-grid.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 2570099..2a7693d 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -37,7 +37,11 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
 
   // Memoize categories to avoid recalculation on every render
   const categories = useMemo((): VideoCategory[] => {
-    if (!videos.length) return [];
+    console.log("NetflixGrid received videos:", videos.length, videos.slice(0, 2)); // Debug log
+    if (!videos.length) {
+      console.log("No videos to display"); // Debug log
+      return [];
+    }
 
     // Sort by views for top content
     const sortedByViews = [...videos].sort((a, b) => (b.views || 0) - (a.views || 0));