Merge pull request Sunbird-ALL#151 from Sunbird-ALL/all-1.2-tn-dev

All 1.2 tn dev
Bhashabyasa · Aug 28, 2024 · 3ffbca6 · 3ffbca6
2 parents 6058d87 + 0cdb94b
commit 3ffbca6
Show file tree

Hide file tree

Showing 4 changed files with 212 additions and 218 deletions.
diff --git a/src/components/Mechanism/WordsOrImage.jsx b/src/components/Mechanism/WordsOrImage.jsx
@@ -46,7 +46,7 @@ const WordsOrImage = ({
   loading,
   setOpenMessageDialog,
   isNextButtonCalled,
-  setIsNextButtonCalled
+  setIsNextButtonCalled,
 }) => {
   const audioRef = createRef(null);
   const [duration, setDuration] = useState(0);
@@ -90,7 +90,7 @@ const WordsOrImage = ({
         livesData,
         gameOverData,
         loading,
-        setIsNextButtonCalled
+        setIsNextButtonCalled,
       }}
     >
       <CardContent
@@ -210,7 +210,7 @@ const WordsOrImage = ({
                   mb: 4,
                   color: "#333F61",
                   textAlign: "center",
-                  fontSize: "40px",
+                  fontSize: "clamp(1.6rem, 2.5vw, 3.8rem)",
                   // lineHeight: "normal",
                   fontWeight: 700,
                   fontFamily: "Quicksand",
@@ -222,18 +222,18 @@ const WordsOrImage = ({
             )}
             {matchedChar && (
               <Box
-              display={"flex"}
-              mb={4}
-              sx={{
-                width: "100%",
-                justifyContent: "center",
-                flexWrap: "wrap",
-              }}
-            >
+                display={"flex"}
+                mb={4}
+                sx={{
+                  width: "100%",
+                  justifyContent: "center",
+                  flexWrap: "wrap",
+                }}
+              >
                 {highlightWords(words, matchedChar)}
               </Box>
             )}
-         </Box>
+          </Box>
         )}
         <Box sx={{ display: "flex", justifyContent: "center" }}>
           <VoiceAnalyser
@@ -257,7 +257,7 @@ const WordsOrImage = ({
               setLivesData,
               setOpenMessageDialog,
               isNextButtonCalled,
-              setIsNextButtonCalled
+              setIsNextButtonCalled,
             }}
           />
         </Box>

diff --git a/src/utils/AudioCompare.js b/src/utils/AudioCompare.js
@@ -39,6 +39,7 @@ const AudioRecorder = (props) => {
         recorderType: RecordRTC.StereoAudioRecorder, // Use StereoAudioRecorder for better compatibility
         numberOfAudioChannels: 1, // Match the same number of audio channels
         desiredSampRate: 16000, // Adjust the sample rate if necessary to match
+        disableLogs: true,
       });
 
       recorderRef.current.startRecording();
@@ -116,33 +117,34 @@ const AudioRecorder = (props) => {
                 }}
                 className="game-action-button"
               >
-                {(!props.dontShowListen || props.recordedAudio) && (
-                  <>
-                    {!props.pauseAudio ? (
-                      <div
-                        onClick={() => {
-                          props.playAudio(true);
-                        }}
-                      >
-                        <Box sx={{ cursor: "pointer" }}>
-                          <ListenButton />
+                {props?.originalText &&
+                  (!props.dontShowListen || props.recordedAudio) && (
+                    <>
+                      {!props.pauseAudio ? (
+                        <div
+                          onClick={() => {
+                            props.playAudio(true);
+                          }}
+                        >
+                          <Box sx={{ cursor: "pointer" }}>
+                            <ListenButton />
+                          </Box>
+                        </div>
+                      ) : (
+                        <Box
+                          sx={{ cursor: "pointer" }}
+                          onClick={() => {
+                            props.playAudio(false);
+                          }}
+                        >
+                          <StopButton />
                         </Box>
-                      </div>
-                    ) : (
-                      <Box
-                        sx={{ cursor: "pointer" }}
-                        onClick={() => {
-                          props.playAudio(false);
-                        }}
-                      >
-                        <StopButton />
-                      </Box>
-                    )}
-                  </>
-                )}
+                      )}
+                    </>
+                  )}
 
                 <div>
-                  {!props.showOnlyListen && (
+                  {props?.originalText && !props.showOnlyListen && (
                     <Box
                       marginLeft={
                         !props.dontShowListen || props.recordedAudio