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:
parent
5679ce6ff0
commit
f847f921ca
@ -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}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user