From ffb635eb8238185702fc25b385249e230b1875d5 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 17:16:18 +0000
Subject: [PATCH] Improve video search results display and logging

Refactor VideoPage component to enhance the display of search results by consolidating conditional logic for showing "No videos found" messages and search result counts. Added debug logging for search queries to aid in troubleshooting.

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/t16ASiD
---
 client/src/pages/VideoPage.tsx | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index dd04ab8..149e1fe 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -77,6 +77,11 @@ export default function VideoPage() {
   // Simply exclude current video - search filtering is now done server-side
   const filteredRecommendedVideos = (recommendedResponse?.videos || [])
     .filter(v => v.id !== videoId);
+
+  // Debug logging for troubleshooting
+  if (sidebarSearchQuery.length >= 2) {
+    console.log(`Video page search "${sidebarSearchQuery}": Got ${recommendedResponse?.videos?.length || 0} videos from server, showing ${filteredRecommendedVideos.length} after filtering current video`);
+  }
   
 
 
@@ -356,20 +361,19 @@ export default function VideoPage() {
             </div>
             
             <div className="space-y-3">
-              {filteredRecommendedVideos.length === 0 && sidebarSearchQuery.length >= 2 ? (
-                <div className="text-center py-8 text-bunny-muted">
-                  <Search className="w-12 h-12 mx-auto mb-2 opacity-50" />
-                  <p>No videos found for "{sidebarSearchQuery}"</p>
-                  <p className="text-xs mt-1">Try different keywords</p>
-                  <p className="text-xs mt-1 opacity-75">
-                    Searched {(recommendedResponse?.videos || []).length} videos
-                  </p>
-                </div>
-              ) : sidebarSearchQuery.length >= 2 ? (
+              {/* Show search results info */}
+              {sidebarSearchQuery.length >= 2 && (
                 <div className="mb-2 text-xs text-bunny-muted">
-                  Found {filteredRecommendedVideos.length} videos
+                  {filteredRecommendedVideos.length === 0 ? (
+                    <div className="text-center py-4">
+                      <Search className="w-8 h-8 mx-auto mb-1 opacity-50" />
+                      <p>No videos found for "{sidebarSearchQuery}"</p>
+                    </div>
+                  ) : (
+                    <p>Found {filteredRecommendedVideos.length} videos for "{sidebarSearchQuery}"</p>
+                  )}
                 </div>
-              ) : null}
+              )}
               
               {filteredRecommendedVideos.slice(0, 10).map((video) => (