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
This commit is contained in:
parent
99d29646e2
commit
ffb635eb82
@ -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) => (
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user