From 9a8051617ad4a006a99f17badb4d9db4d8e03290 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Tue, 23 Nov 2021 16:35:45 -0300
Subject: [PATCH] Fixing too "long timer interval" warning by implemening a
 clock that triggers the fetch function every 10min

---
 src/app/hooks/useSocketMarkers.js | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/app/hooks/useSocketMarkers.js b/src/app/hooks/useSocketMarkers.js
index 884fd38..ca1f6ab 100644
--- a/src/app/hooks/useSocketMarkers.js
+++ b/src/app/hooks/useSocketMarkers.js
@@ -158,8 +158,12 @@ function verifyResponse(response, name) {
 function getFormsAnswers(socketObject, dispatch) {
   const [socketResponse, setSocketResponse] = useState();
 
+  // GATO: Was getting an error due to too long timer (10min), so counting 10
+  // times 1 minute to fetch new sockets
+  const [timerCounter, setTimer] = useState(1);
+
   const openListeners = () => {
-    console.log(`rodando forms answ ${socketObject.name}`);
+    // console.log(`rodando forms answ ${socketObject.name}`);
     socketObject.socketUrl.onerror = (e) => {
       console.log(e.message);
     };
@@ -169,24 +173,30 @@ function getFormsAnswers(socketObject, dispatch) {
     };
   };
 
-  openListeners()
-
+  openListeners();
 
+  // Actually closing/opening sockets every 10min
   useEffect(() => {
-    const timer = setInterval(() => {
-      console.log(
-        "===== Runing interval " + socketObject.name + " ========"
-      );
+    if (timerCounter % 10 == 0) {
+      console.log("===== Runing interval " + socketObject.name + " ========" + timerCounter);
       socketObject.socketUrl.close();
       socketObject.socketUrl = new WebSocket(socketObject.url);
       openListeners();
-    }, 600000);
+    }
+  }, [timerCounter]);
 
+
+  // Timer acting like a clock at F = 1/60 Hz
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setTimer((oldTime) => oldTime + 1);
+    }, 60000);
     return () => clearTimeout(timer);
   }, []);
 
+
   useEffect(() => {
-    dispatch({ increment: verifyResponse(socketResponse, socketObject.name)});
+    dispatch({ increment: verifyResponse(socketResponse, socketObject.name) });
   }, [socketResponse]);
 }