From 5039cf596b6e3b6bc42d42be79ed73a611289504 Mon Sep 17 00:00:00 2001
From: deepali chavhan <deechavhan098@gmail.com>
Date: Wed, 12 Feb 2025 11:41:37 +0530
Subject: [PATCH] Task #0000 fix: changes fixed for loader and error msg

---
 public/quml/style.css                           | 3 ++-
 src/components/players/SunbirdPlayer.tsx        | 4 +++-
 src/pages/videos/videoReel/AssessmentPlayer.tsx | 3 +++
 src/pages/videos/videoReel/VideoItem.tsx        | 2 ++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/quml/style.css b/public/quml/style.css
index 422b6a5..e9c2735 100644
--- a/public/quml/style.css
+++ b/public/quml/style.css
@@ -238,7 +238,7 @@
   .sections-score-count-info,
   .sections-score-count-sections {
     position: initial !important;
-    flex: 1 !important;
+    flex: auto !important;
     width: auto !important;
     padding: 0 !important;
   }
@@ -246,6 +246,7 @@
     font-size: 12px !important;
   }
   .scoreboard__header {
+    text-align: center !important;
     padding-bottom: 0.5rem !important;
   }
   .sb-btn-normal {
diff --git a/src/components/players/SunbirdPlayer.tsx b/src/components/players/SunbirdPlayer.tsx
index a94f72c..658535e 100644
--- a/src/components/players/SunbirdPlayer.tsx
+++ b/src/components/players/SunbirdPlayer.tsx
@@ -37,6 +37,7 @@ interface SunbirdPlayerProps {
   batchsize?: number;
   LoaderComponent?: any;
   isAssessment?: boolean;
+  isLoading?: boolean;
 }
 
 const SunbirdPlayer = ({
@@ -49,6 +50,7 @@ const SunbirdPlayer = ({
   adapter,
   LoaderComponent,
   isAssessment = false,
+  isLoading,
   ...props
 }: SunbirdPlayerProps) => {
   const iframeRef = useRef<HTMLIFrameElement>(null);
@@ -200,7 +202,7 @@ const SunbirdPlayer = ({
         />
       </VStack>
     );
-  } else {
+  } else if (isLoading && !url) {
     return (
       <Center
         {...(isAssessment
diff --git a/src/pages/videos/videoReel/AssessmentPlayer.tsx b/src/pages/videos/videoReel/AssessmentPlayer.tsx
index a957b79..d33ca4c 100644
--- a/src/pages/videos/videoReel/AssessmentPlayer.tsx
+++ b/src/pages/videos/videoReel/AssessmentPlayer.tsx
@@ -32,6 +32,7 @@ interface AssessmentPlayerProps {
   playerContext: any;
   width: number;
   height: number;
+  isLoading?: boolean;
 }
 
 const AssessmentPlayer: React.FC<AssessmentPlayerProps> = ({
@@ -52,6 +53,7 @@ const AssessmentPlayer: React.FC<AssessmentPlayerProps> = ({
   adapter,
   width,
   height,
+  isLoading,
 }) => {
   const [rating, setRating] = useState(0);
   const subjectRef = useRef<HTMLDivElement>(null);
@@ -289,6 +291,7 @@ const AssessmentPlayer: React.FC<AssessmentPlayerProps> = ({
           ) : (
             <SunbirdPlayer
               isAssessment
+              isLoading={isLoading}
               LoaderComponent={({ display }: any) => (
                 <CustomSkeleton display={display} type="assessment" />
               )}
diff --git a/src/pages/videos/videoReel/VideoItem.tsx b/src/pages/videos/videoReel/VideoItem.tsx
index 436e522..2a5fa9b 100644
--- a/src/pages/videos/videoReel/VideoItem.tsx
+++ b/src/pages/videos/videoReel/VideoItem.tsx
@@ -76,6 +76,7 @@ const VideoItem: React.FC<{
               type: "assessment",
             });
             setLessonQml(qmlResult);
+            setIsLoading(false);
           }
           setPlayerContext(
             updateCdataTag([
@@ -172,6 +173,7 @@ const VideoItem: React.FC<{
             <AssessmentPlayer
               {...{
                 qml_id,
+                isLoading,
                 videoEndId,
                 subject,
                 lessonQml,