sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video search results display and logging

Browse Source 
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:
sebastjanartic 2025-08-28 17:16:18 +00:00
parent 99d29646e2
commit ffb635eb82
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/pages/VideoPage.tsx
View File

@ -78,6 +78,11 @@ export default function VideoPage() {
const filteredRecommendedVideos = (recommendedResponse?.videos || []) const filteredRecommendedVideos = (recommendedResponse?.videos || [])
.filter(v => v.id !== videoId); .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`);
}
// Track video view // Track video view
@ -356,20 +361,19 @@ export default function VideoPage() {
</div> </div>
<div className="space-y-3"> <div className="space-y-3">
{filteredRecommendedVideos.length === 0 && sidebarSearchQuery.length >= 2 ? ( {/* Show search results info */}
<div className="text-center py-8 text-bunny-muted"> {sidebarSearchQuery.length >= 2 && (
<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 ? (
<div className="mb-2 text-xs text-bunny-muted"> <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> </div>
) : null} )}
{filteredRecommendedVideos.slice(0, 10).map((video) => ( {filteredRecommendedVideos.slice(0, 10).map((video) => (