diff --git a/src/components/microlearning/VideoDetailPage.jsx b/src/components/microlearning/VideoDetailPage.jsx index f0884c483..58e66bcb8 100644 --- a/src/components/microlearning/VideoDetailPage.jsx +++ b/src/components/microlearning/VideoDetailPage.jsx @@ -67,6 +67,7 @@ const VideoDetailPage = () => { video: videoData?.videoUrl, courseKey: videoData?.courseKey, title: videoData?.courseTitle, + video_usage_key: videoData?.videoUsageKey, }, ); // eslint-disable-next-line react-hooks/exhaustive-deps @@ -81,6 +82,7 @@ const VideoDetailPage = () => { video: videoData?.videoUrl, courseKey: videoData?.courseKey, title: videoData?.courseTitle, + video_usage_key: videoData?.videoUsageKey, }, ); }; diff --git a/src/components/microlearning/data/utils.js b/src/components/microlearning/data/utils.js index 34081e6c1..5851c43f8 100644 --- a/src/components/microlearning/data/utils.js +++ b/src/components/microlearning/data/utils.js @@ -26,6 +26,7 @@ export const transformVideoData = (data) => ({ videoDuration: formatDuration(data?.json_metadata?.duration), institutionLogo: data?.parent_content_metadata?.logo_image_urls[0], courseKey: data?.parent_content_metadata?.parent_content_key, + videoUsageKey: data?.video_usage_key, }); export const getLevelType = (intl, level) => { diff --git a/src/components/microlearning/data/utils.test.js b/src/components/microlearning/data/utils.test.js index 77c7939fa..521ef6ef8 100644 --- a/src/components/microlearning/data/utils.test.js +++ b/src/components/microlearning/data/utils.test.js @@ -38,6 +38,7 @@ describe('Microlearning utils tests', () => { subcategory: { name: 'Subcategory 1' }, }, ], + video_usage_key: 'block-v1:InSendItx+WeTrustx+2T2024+type@video+block@86753094ab4b62be73e7188934982e', }; it('should format 60 seconds correctly', () => { @@ -82,6 +83,7 @@ describe('Microlearning utils tests', () => { videoDuration: '2:03', institutionLogo: 'http://example.com/logo.png', courseKey: 'course-key', + videoUsageKey: 'block-v1:InSendItx+WeTrustx+2T2024+type@video+block@86753094ab4b62be73e7188934982e', }); }); diff --git a/src/components/microlearning/tests/VideoDetailPage.test.jsx b/src/components/microlearning/tests/VideoDetailPage.test.jsx index dec6fb469..3d51b9da6 100644 --- a/src/components/microlearning/tests/VideoDetailPage.test.jsx +++ b/src/components/microlearning/tests/VideoDetailPage.test.jsx @@ -36,6 +36,7 @@ const VIDEO_MOCK_DATA = { videoUrl: 'test-video-url.mp4', institutionLogo: 'test-institution-logo.png', courseKey: 'test-course-key', + videoUsageKey: 'block-v1:InSendItx+WeTrustx+2T2024+type@video+block@86753094ab4b62be73e7188934982e', }; const mockEnterpriseCustomer = enterpriseCustomerFactory(); const mockAuthenticatedUser = authenticatedUserFactory(); @@ -157,6 +158,7 @@ describe('VideoDetailPage Tests', () => { video: VIDEO_MOCK_DATA.videoUrl, courseKey: VIDEO_MOCK_DATA.courseKey, title: VIDEO_MOCK_DATA.courseTitle, + video_usage_key: VIDEO_MOCK_DATA.videoUsageKey, }, ); }); @@ -211,6 +213,7 @@ describe('VideoDetailPage Tests', () => { video: VIDEO_MOCK_DATA.videoUrl, courseKey: VIDEO_MOCK_DATA.courseKey, title: VIDEO_MOCK_DATA.courseTitle, + video_usage_key: VIDEO_MOCK_DATA.videoUsageKey, }, ); }); @@ -227,6 +230,7 @@ describe('VideoDetailPage Tests', () => { video: VIDEO_MOCK_DATA.videoUrl, courseKey: VIDEO_MOCK_DATA.courseKey, title: VIDEO_MOCK_DATA.courseTitle, + video_usage_key: VIDEO_MOCK_DATA.videoUsageKey, }, ); }); @@ -244,6 +248,7 @@ describe('VideoDetailPage Tests', () => { video: VIDEO_MOCK_DATA.videoUrl, courseKey: VIDEO_MOCK_DATA.courseKey, title: VIDEO_MOCK_DATA.courseTitle, + video_usage_key: VIDEO_MOCK_DATA.videoUsageKey, }, ); }); @@ -261,6 +266,7 @@ describe('VideoDetailPage Tests', () => { video: VIDEO_MOCK_DATA.videoUrl, courseKey: VIDEO_MOCK_DATA.courseKey, title: VIDEO_MOCK_DATA.courseTitle, + video_usage_key: VIDEO_MOCK_DATA.videoUsageKey, }, ); });