sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve category display to show video count and add a test button

Browse Source 
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
This commit is contained in:
sebastjanartic 2025-08-29 16:34:39 +00:00
parent 3b752c93ad
commit 98af8fd85f
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/netflix-grid.tsx
View File

@ -214,10 +214,18 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
} }
}; };
console.log(`CategoryRow rendering: ${category.title}, videos: ${category.videos.length}`);
return ( return (
<div className="relative group mb-8"> <div className="relative group mb-8">
<h2 className="text-2xl font-bold text-bunny-light mb-6 px-4"> <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> </h2>
<div className="relative"> <div className="relative">