From 98af8fd85f0b3462cbea8b41e84d542ec0b7cd22 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 16:34:39 +0000
Subject: [PATCH] Improve category display to show video count and add a test
 button

Update `CategoryRow` component in `netflix-grid.tsx` to display the number of videos within each category. Also, adds a test button to the category header that triggers an alert with the category title.

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/EZqddeC
---
 client/src/components/netflix-grid.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 8abd7ae..23e526f 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -214,10 +214,18 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
     }
   };
 
+  console.log(`CategoryRow rendering: ${category.title}, videos: ${category.videos.length}`);
+
   return (
     <div className="relative group mb-8">
       <h2 className="text-2xl font-bold text-bunny-light mb-6 px-4">
-        {category.title}
+        {category.title} ({category.videos.length} videos)
+        <button 
+          onClick={() => alert(`Category: ${category.title}`)}
+          className="ml-4 px-2 py-1 bg-red-500 text-white text-sm rounded"
+        >
+          TEST
+        </button>
       </h2>
       
       <div className="relative">