feat: add initial test video to lesson overview page

oaknational · Dec 19, 2022 · 20dfd4f · 20dfd4f
1 parent 57565c9
commit 20dfd4f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/browser-lib/fixtures/lesson.ts b/src/browser-lib/fixtures/lesson.ts
@@ -15,6 +15,7 @@ export const lessonOverview: LessonOverview = {
     "To learn an outline of Elizabeth's background, her birth to Anne Boleyn and the influence this had on her governance.",
     "How her background influenced her policy towards: Ministers, government, religion, marriage.",
   ],
+  video: "s5c6qJxxdhdQhaVnQiJDxzRm02V01OSMFy02cxqjdIfapc",
 };
 
 export const mockFetchLessons = (lessonSlug?: string) => {

diff --git a/src/pages/beta/teachers/lessons/[lessonSlug].tsx b/src/pages/beta/teachers/lessons/[lessonSlug].tsx
@@ -27,6 +27,7 @@ import Card from "../../../../components/Card";
 import Grid, { GridArea } from "../../../../components/Grid";
 import Icon, { IconName } from "../../../../components/Icon";
 import teachersLessonsLessonPathsFixture from "../../../../node-lib/curriculum-api/fixtures/teachersLessonsLessonPaths.fixture";
+import VideoPlayer from "../../../../components/VideoPlayer";
 
 export type LessonOverview = {
   lessonTitle: string;
@@ -39,6 +40,7 @@ export type LessonOverview = {
   equipmentRequired: string;
   supervisionLevel: string;
   contentGuidance: string;
+  video: string;
 };
 
 export type LessonOverviewPageProps = {
@@ -90,6 +92,7 @@ const LessonOverviewPage: NextPage<LessonOverviewPageProps> = ({
     equipmentRequired,
     supervisionLevel,
     contentGuidance,
+    video,
   } = curriculumData;
 
   return (
@@ -152,7 +155,13 @@ const LessonOverviewPage: NextPage<LessonOverviewPageProps> = ({
           <Box>Presentaion element</Box>
         </ExpandingContainer>
         <ExpandingContainer title={"Video"} downloadable={true}>
-          <Box>Video element</Box>
+          {/* video goes here */}
+          <VideoPlayer
+            playbackId={video}
+            playbackPolicy={"signed"}
+            title={lessonTitle}
+            location={"lesson"}
+          />
         </ExpandingContainer>
         <ExpandingContainer title={"Worksheet"} downloadable={true}>
           <Box>Worksheet element</Box>