From f847f921ca2fa9f6dfb5968df3ec5927424ee358 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:20:37 +0000
Subject: [PATCH] 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
---
 client/src/pages/VideoPage.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 7924c83..a01e9dd 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -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>
             
             <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) => (
                 <div
                   key={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"
                 >
-                  <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
                       src={video.thumbnailUrl}
                       alt={video.title}