diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx index 6e317c1ca..af04c1adf 100644 --- a/src/components/VideoPlayer2.tsx +++ b/src/components/VideoPlayer2.tsx @@ -561,7 +561,7 @@ export const VideoPlayer: FunctionComponent = ({ }; const handleKeyUp = (event: any) => { if (event.code === 'KeyT') { - player.playbackRate(1); + player?.playbackRate(1); } }; document.addEventListener('keydown', handleKeyPress, { capture: true }); diff --git a/src/components/search/CommandMenu.tsx b/src/components/search/CommandMenu.tsx index f0bf51e63..5b8c44df4 100644 --- a/src/components/search/CommandMenu.tsx +++ b/src/components/search/CommandMenu.tsx @@ -85,12 +85,25 @@ export function CommandMenu({ }, [open, handleShortcut], ); + useEffect(() => { + console.log('Searched Videos Updated:', searchedVideos); +}, [searchedVideos]); useEffect(() => { document.addEventListener('keydown', handleKeyDown); return () => document.removeEventListener('keydown', handleKeyDown); }, [handleKeyDown]); + // Function to handle video selection + const handleVideoSelect = (video: TSearchedVideos) => { + if (video.parentId && video.parent?.courses.length) { + const courseId = video.parent.courses[0].courseId + const videoUrl = `/courses/${courseId}/${video.parentId}/${video.id}` + onCardClick(videoUrl) + onClose() + } + } + return ( No results found. - {!loading && - searchedVideos && - searchedVideos.length > 0 && + {loading ? ( + Loading videos... + ) : searchedVideos && searchedVideos.length > 0 ? ( searchedVideos.map((video) => ( { - if (video.parentId && video.parent?.courses.length) { - const courseId = video.parent.courses[0].courseId; - const videoUrl = `/courses/${courseId}/${video.parentId}/${video.id}`; - onCardClick(videoUrl); - onClose(); - } - }} + onSelect={() => handleVideoSelect(video)} + value={`video-${video.id}-${video.title}`} > {video.title} - ))} - {!loading && (!searchedVideos || searchedVideos.length === 0) && ( - No videos found + )) + ) : ( + No videos found )}