Improve video recommendations display with debugging information

Update VideoPage.tsx to display the count of recommended videos and change the thumbnail background color for debugging purposes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
This commit is contained in:
sebastjanartic 2025-08-30 20:20:37 +00:00
parent 5679ce6ff0
commit f847f921ca

View File

@ -395,13 +395,16 @@ export default function VideoPage() {
<h2 className="text-lg font-semibold text-white mb-4 bg-red-600 p-2 rounded">🔥 Recommended Videos (DEBUG)</h2> <h2 className="text-lg font-semibold text-white mb-4 bg-red-600 p-2 rounded">🔥 Recommended Videos (DEBUG)</h2>
<div className="space-y-3"> <div className="space-y-3">
<div className="text-white bg-blue-600 p-2 rounded mb-2">
DEBUG: Imamo {recommendedVideos.length} priporočenih videojev
</div>
{recommendedVideos.slice(0, 10).map((video) => ( {recommendedVideos.slice(0, 10).map((video) => (
<div <div
key={video.id} key={video.id}
onClick={() => window.location.href = `/video/${video.id}`} onClick={() => window.location.href = `/video/${video.id}`}
className="flex gap-3 p-3 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors" className="flex gap-3 p-3 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
> >
<div className="relative w-24 h-16 bg-gray-700 rounded overflow-hidden flex-shrink-0"> <div className="relative w-24 h-16 bg-yellow-500 rounded overflow-hidden flex-shrink-0">
<img <img
src={video.thumbnailUrl} src={video.thumbnailUrl}
alt={video.title} alt={video.title}