add payment

components/product-page/Attended-course.vue

@@ -512,15 +512,14 @@ async function addToProgress() {
 }
 watchEffect(() =>{
   if (route.query.episode === undefined) {
-    episodeId.value = data.value[0].id
+    episodeId.value = data?.value[0]?.id
   }else{
     episodeId.value = route.query.episode
   }
   
 })
 
-console.log('route', episodeId.value);
-console.log(data.value[0].id);
+
 const { data: progress, refresh: reload } = await useFetch("/api/progress", {
   query: {
     id: route.params.product,
@@ -614,7 +613,7 @@ if (query.value.hasOwnProperty("episode")) {
   activeHead.value = data.value[0];
   const getUrl = await useFetch("/api/checkMedia", {
     query: {
-      fileName: data.value[0].videoUrl,
+      fileName: data?.value[0]?.videoUrl,
     },
   });
   url.value = getUrl.data.value.url;