Merge pull request #281 from gouravmore/all-1.4.0

Author: gouravmore

public/index.html

@@ -8,14 +8,10 @@
     />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta http-equiv="Content-Security-Policy" content="
-      default-src 'self' https://*.squarespace-cdn.com https://*.googleapis.com https://*.gstatic.com https://*.cdnfonts.com https://*.jsdelivr.net;
-      img-src 'self' data: https://*.squarespace-cdn.com;
-      style-src 'self' https://*.googleapis.com https://*.gstatic.com https://*.cdnfonts.com;
-      script-src 'self' https://*.jsdelivr.net;
-      font-src 'self' https://*.googleapis.com https://*.gstatic.com https://*.cdnfonts.com;
-      connect-src 'self';
-      frame-ancestors 'self';
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self';
+      img-src 'self';
+      script-src 'https';
+      connect-src 'https';
     ">
     <meta
       name="description"

src/components/Mechanism/WordsOrImage.jsx

@@ -319,12 +319,12 @@ WordsOrImage.propTypes = {
   setEnableNext: PropTypes.func.isRequired,
   startShowCase: PropTypes.bool,
   setStartShowCase: PropTypes.func,
-  setLivesData: PropTypes.func.isRequired,
+  setLivesData: PropTypes.func,
   loading: PropTypes.bool,
   setOpenMessageDialog: PropTypes.func.isRequired,
   isNextButtonCalled: PropTypes.bool,
   setIsNextButtonCalled: PropTypes.func,
-  background: PropTypes.bool,
+  background: PropTypes.string,
   type: PropTypes.any,
   words: PropTypes.any,
   storyLine: PropTypes.number,

src/utils/RecordVoiceVisualizer.jsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function RecordVoiceVisualizer() {
     const bar1 = (
         <span
@@ -58,21 +60,23 @@ export default function RecordVoiceVisualizer() {
         for (let i = 0; i <= Number(value.times); i++) {
             renderArr.push(
                 <span
+                    key={`${key}-${i}`}
                     className={`playing__bar playing__bar${value.bar}`}
                     style={{
                         height: `${Math.floor(Math.random() * 100)}%`,
                         animationDelay: `${Math.random() * 5}s`,
                     }}
-                ></span>,
+                ></span>
             );
         }
         return renderArr;
     };
+
     return (
         <div style={{ position: 'relative' }}>
             <div className="playing">
                 {Object.entries(renderType).map(([key, value]) => {
-                    return <>{renderBar(key, value)}</>;
+                    return <React.Fragment key={key}>{renderBar(key, value)}</React.Fragment>;
                 })}
             </div>
             <div
@@ -82,7 +86,7 @@ export default function RecordVoiceVisualizer() {
                 {Object.entries(renderType)
                     .reverse()
                     .map(([key, value]) => {
-                        return <>{renderBar(key, value)}</>;
+                        return <React.Fragment key={key}>{renderBar(key, value)}</React.Fragment>;
                     })}
             </div>
         </div>