Issueid #231942 feat: audio delay right after completing level in pra…

.github/workflows/all-dev-tn-new.yml

@@ -3,7 +3,7 @@ name: ALL new tn dev Deployment
 on:
   push:
     branches:
-      - all-1.3-tn-dev-hotfix
+      - all-1.3-feedback-change
 
 jobs:
   deploy:

src/components/Layouts.jsx/MainLayout.jsx

@@ -1161,7 +1161,7 @@ const MainLayout = (props) => {
                             fontSize={{ md: "14px", xs: "10px" }}
                           >
                             {!gameOverData ? "Start Game ➜" : "Practice ➜"}
-                          </span>
+                          </Typography>
                           {/* <NextButton /> */}
                         </Box>
                       </Box>

src/views/Practice/Practice.jsx

@@ -70,9 +70,32 @@ const Practice = () => {
     }
   }, [startShowCase]);
 
+  const [audioSrc, setAudioSrc] = useState(null);
+
+  useEffect(() => {
+    const preloadAudio = async () => {
+      try {
+        const response = await fetch(LevelCompleteAudio);
+        const audioBlob = await response.blob();
+        const audioUrl = URL.createObjectURL(audioBlob);
+        setAudioSrc(audioUrl);
+      } catch (error) {
+        console.error("Error loading audio:", error);
+      }
+    };
+    preloadAudio();
+  }, []);
+
   const callConfettiAndPlay = () => {
-    let audio = new Audio(LevelCompleteAudio);
-    audio.play();
+    if (audioSrc) {
+      // Play preloaded audio if available
+      const audio = new Audio(audioSrc);
+      audio.play();
+    } else {
+      // Fallback to LevelCompleteAudio if preloaded audio is not available
+      const fallbackAudio = new Audio(LevelCompleteAudio);
+      fallbackAudio.play();
+    }
     callConfetti();
   };