From 9e40e11cdddc8aa421356758b3a43d9ec2cc1422 Mon Sep 17 00:00:00 2001
From: Entkenntnis <Entkenntnis@users.noreply.github.com>
Date: Tue, 21 Jan 2025 17:12:18 +0100
Subject: [PATCH] replace first video with real content

---
 src/components/exercise-view/state/exercise-view-store.ts | 1 +
 src/components/learning-path/LearningPathMap.tsx          | 1 +
 src/components/pages/Video.tsx                            | 6 +++++-
 src/content/navigations.tsx                               | 3 ++-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/exercise-view/state/exercise-view-store.ts b/src/components/exercise-view/state/exercise-view-store.ts
index 56c65c67..bf586b10 100644
--- 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
index b92b67b7..beb1c095 100644
--- 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
index e4cc60f9..e195a127 100644
--- a/src/components/pages/Video.tsx
+++ b/src/components/pages/Video.tsx
@@ -5,6 +5,7 @@ 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">
@@ -12,7 +13,10 @@ export function Video() {
         <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
index 22effff4..c762a8eb 100644
--- 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: [],
           },