{oiu

Author: ljs19923

src/components/App.js

@@ -70,7 +70,7 @@ function App() {
       if (countRef.current - 1 < 5) {
         setTimeout(myFunction, randomIntFromInterval(8, 20) * 1000);
       } else {
-        setTimeout(myFunction, randomIntFromInterval(1, 11) * 1000);
+        setTimeout(myFunction, randomIntFromInterval(1, 9) * 1000);
       }
     }
   }
@@ -84,7 +84,9 @@ function App() {
       console.info("CA VA REPRENDRE");
 
       if (cookies.get("remaining") < 23) {
-        setTimeout(myFunction, 7000);
+        if (cookies.get("remaining") > 1) {
+          setTimeout(myFunction, 7000);
+        }
       } else {
         setTimeout(myFunction, 1000);
       }

src/components/Header.js

@@ -39,13 +39,15 @@ function Header({ startQuestions, remaining }) {
 
       {remaining == 1 && (
         <p className="timeInfo">
-          ⏰ Encore seulement <strong>{remaining} demande disponible.</strong>{" "}
+          ⏰ Encore seulement <strong>{remaining} candidature</strong>{" "}
+          disponible.
         </p>
       )}
 
       {remaining != 1 && (
         <p className="timeInfo">
-          ⏰ Encore seulement <strong>{remaining} demandes disponibles.</strong>
+          ⏰ Encore seulement <strong>{remaining} candidatures</strong>{" "}
+          disponibles.
         </p>
       )}
     </div>

src/components/Question.js

@@ -187,17 +187,17 @@ function Question({
             appuyez sur <strong>Entrée ↵</strong>
           </p>
         </div>
-
         {remaining == 1 && (
           <p className="timeInfo">
-            ⏰ Encore seulement <strong>{remaining} demande disponible.</strong>{" "}
+            ⏰ Encore seulement <strong>{remaining} candidature</strong>{" "}
+            disponible.
           </p>
         )}
 
         {remaining != 1 && (
           <p className="timeInfo">
-            ⏰ Encore seulement{" "}
-            <strong>{remaining} demandes disponibles.</strong>
+            ⏰ Encore seulement <strong>{remaining} candidatures</strong>{" "}
+            disponibles.
           </p>
         )}
       </div>

src/styles/Question.scss

@@ -369,6 +369,25 @@ input::placeholder {
   }
 }
 
+.timeInfo {
+  margin-top: 20px !important;
+  color: red !important;
+  font-weight: 400;
+}
+
+.timeInfo strong {
+  color: red !important;
+}
+
+@media (max-width: 400px) {
+  .timeInfo {
+    margin-top: 20px !important;
+    color: red !important;
+    font-weight: 400;
+    font-size: 13px !important;
+  }
+}
+
 @media (max-width: 340px) {
   .logo {
     height: 40px;
@@ -410,13 +429,3 @@ input::placeholder {
     display: none;
   }
 }
-
-.timeInfo {
-  margin-top: 20px !important;
-  color: red !important;
-  font-weight: 400;
-}
-
-.timeInfo strong {
-  color: red !important;
-}