Merge pull request #273 from serlo/272-i-want-to-see-real-video

replace first video with real content
serlo · Jan 21, 2025 · 8844073 · 8844073
2 parents a0b9b7f + 9e40e11
commit 8844073
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/src/components/exercise-view/state/exercise-view-store.ts b/src/components/exercise-view/state/exercise-view-store.ts
@@ -63,6 +63,7 @@ export type IExerciseViewStore = {
   examplePrescreen: boolean
   hasExamplePrescreen: boolean
   videoRedirectUrl?: string
+  videoUrl?: string
 }
 
 export const ExerciseViewStore = new Store<IExerciseViewStore>({

diff --git a/src/components/learning-path/LearningPathMap.tsx b/src/components/learning-path/LearningPathMap.tsx
@@ -246,6 +246,7 @@ export function LearningPathMap() {
                               toHome: true,
                             }),
                           )
+                        s.videoUrl = el.source.videoUrl
                       })
                     }
                     history.push('/video')

diff --git a/src/components/pages/Video.tsx b/src/components/pages/Video.tsx
@@ -5,14 +5,18 @@ import { ExerciseViewStore } from '../exercise-view/state/exercise-view-store'
 
 export function Video() {
   const videoRedirectUrl = ExerciseViewStore.useState(s => s.videoRedirectUrl)
+  const videoUrl = ExerciseViewStore.useState(s => s.videoUrl)
   const history = useHistory()
   return (
     <IonPage className="sm:max-w-[375px] mx-auto">
       <IonContent className="ion-padding">
         <div className="flex items-center relative h-full">
           <video controls className="w-full" autoPlay>
             <source
-              src="https://resource.flexclip.com/templates/video/720p/cake-food-recipe-social-reels.mp4"
+              src={
+                videoUrl ??
+                'https://resource.flexclip.com/templates/video/720p/cake-food-recipe-social-reels.mp4'
+              }
               type="video/mp4"
             />
           </video>

diff --git a/src/content/navigations.tsx b/src/content/navigations.tsx
@@ -2199,7 +2199,8 @@ export const navigationData: { [key: number]: Navigation } = {
           {
             type: 'video',
             title: 'Video 1',
-            videoUrl: '123',
+            videoUrl:
+              'https://testtige.uber.space/testtiger/Zahlen_vergleichen.mp4',
             position: { x: 80, y: 170 },
             steps: [],
           },
-Original file line number
+Diff line change
@@ Expand Up / @@ -246,6 +246,7 @@ export function LearningPathMap() { @@
                                   toHome: true,
                                 }),
                               )
+                            s.videoUrl = el.source.videoUrl
                           })
                         }
                         history.push('/video')
@@ Expand Down @@