From e5db082a9b3f0a2b0e4483e1e6fbd3dff919cf52 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Thu, 19 Dec 2024 12:01:39 +0200
Subject: [PATCH] tutorial fixes

---
 src/common/useFetchResources.tsx                | 15 ++++++++++-----
 src/components/Embeds/VideoPlayer.tsx           |  3 ++-
 src/components/Tutorials/useHandleTutorials.tsx | 10 +++++-----
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/common/useFetchResources.tsx b/src/common/useFetchResources.tsx
index 02123c5..a4964ae 100644
--- a/src/common/useFetchResources.tsx
+++ b/src/common/useFetchResources.tsx
@@ -22,11 +22,10 @@ export const useFetchResources = () => {
       let isCalling = false;
       let percentLoaded = 0;
       let timer = 24;
-      let tries = 26;
+      let tries = 0;
       let calledFirstTime = false
 
       const callFunction = async ()=> {
-        console.log('calledFirstTime', calledFirstTime)
         if (isCalling) return;
         isCalling = true;
 
@@ -43,8 +42,10 @@ export const useFetchResources = () => {
                 },
               });
                res = await resCall.json()
-               if(tries === 5 && intervalId?.current){
-                clearInterval(intervalId?.current)
+               if(tries > 18 ){
+                if(intervalId?.current){
+                  clearInterval(intervalId?.current)
+                }
                 setResources((prev) => ({
                   ...prev,
                   [`${service}-${name}-${identifier}`]: {
@@ -104,6 +105,7 @@ export const useFetchResources = () => {
                 isCalling = false;
                 downloadResource({ name, service, identifier }, true);
               }, 25000);
+              
               return;
             }
 
@@ -122,7 +124,10 @@ export const useFetchResources = () => {
 
         // Check if progress is 100% and clear interval if true
         if (res?.status === 'READY') {
-          clearInterval(intervalId.current);
+          if(intervalId.current){
+            clearInterval(intervalId.current);
+
+          }
 
           // Update Recoil state for completion
           setResources((prev) => ({
diff --git a/src/components/Embeds/VideoPlayer.tsx b/src/components/Embeds/VideoPlayer.tsx
index 8ddc717..0efa61e 100644
--- a/src/components/Embeds/VideoPlayer.tsx
+++ b/src/components/Embeds/VideoPlayer.tsx
@@ -440,7 +440,8 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
     }
   }
 
-console.log('!src && !isLoading) || !startPlay', startPlay, resourceStatus?.status === 'READY')
+  console.log('resourceStatus', resourceStatus)
+
   return (
     <VideoContainer
       tabIndex={0}
diff --git a/src/components/Tutorials/useHandleTutorials.tsx b/src/components/Tutorials/useHandleTutorials.tsx
index 95450cd..9d9445e 100644
--- a/src/components/Tutorials/useHandleTutorials.tsx
+++ b/src/components/Tutorials/useHandleTutorials.tsx
@@ -98,7 +98,7 @@ useEffect(()=> {
                   multi: [
                    
                     {
-                      title: "Getting Started",
+                      title: "1. Getting Started",
                       resource: {
                         name: "a-test",
                         service: "VIDEO",
@@ -106,7 +106,7 @@ useEffect(()=> {
                       },
                     },
                     {
-                        title: "Overview",
+                        title: "2. Overview",
                         resource: {
                           name: "a-test",
                           service: "VIDEO",
@@ -114,7 +114,7 @@ useEffect(()=> {
                         },
                       },
                     {
-                      title: "Qortal Groups",
+                      title: "3. Qortal Groups",
                       resource: {
                         name: "a-test",
                         service: "VIDEO",
@@ -133,7 +133,7 @@ useEffect(()=> {
                     setOpenTutorialModal({
                       multi: [
                         {
-                          title: "Apps Dashboard",
+                          title: "1. Apps Dashboard",
                           resource: {
                             name: "a-test",
                             service: "VIDEO",
@@ -141,7 +141,7 @@ useEffect(()=> {
                           },
                         },
                         {
-                          title: "Apps Navigation",
+                          title: "2. Apps Navigation",
                           resource: {
                             name: "a-test",
                             service: "VIDEO",