From 0a7093cba139b269a2e04b38040ca35c944aecf2 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 16:55:53 +0000
Subject: [PATCH] Improve video description display for better user experience

Update VideoPage component to conditionally render video descriptions, showing a fallback message when no description is available.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/e6qh6Ss
---
 client/src/pages/VideoPage.tsx | 6 +++++-
 server/bunny.ts                | 2 ++
 server/routes.ts               | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index aeb0703..0273fdf 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -315,10 +315,14 @@ export default function VideoPage() {
 
 
 
-              {currentVideo.description && (
+              {currentVideo.description ? (
                 <div className="text-bunny-light">
                   <p className="text-sm leading-relaxed">{currentVideo.description}</p>
                 </div>
+              ) : (
+                <div className="text-bunny-muted text-sm">
+                  <p>Opis videa ni na voljo.</p>
+                </div>
               )}
             </div>
           </div>
diff --git a/server/bunny.ts b/server/bunny.ts
index ee0f8d0..1b23d69 100644
--- a/server/bunny.ts
+++ b/server/bunny.ts
@@ -122,6 +122,8 @@ export class BunnyService {
       // Filter only successfully processed videos (status 4 = finished)
       const processedVideos = response.items.filter(video => video.status === 4);
       
+
+      
       const videos = processedVideos.map(video => this.bunnyVideoToVideo(video));
       
       return {
diff --git a/server/routes.ts b/server/routes.ts
index 7548e83..d32ab75 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -176,6 +176,8 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+
+
   app.get("/api/videos", async (req, res) => {
     try {
       const limit = parseInt(req.query.limit as string) || 20;