Implementing socket refresh every 10min

src/app/hooks/useFiltering.js

@@ -11,6 +11,8 @@ function useFiltering(location) {
   const filters = [
     {
       name: "floodZones",
+      url: endpoint +
+        `type=FLOODZONES_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`,
       socketUrl: new WebSocket(
         endpoint +
           `type=FLOODZONES_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`
@@ -18,6 +20,8 @@ function useFiltering(location) {
     },
     {
       name: "rain",
+      url: endpoint +
+        `type=RAIN_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`,
       socketUrl: new WebSocket(
         endpoint +
           `type=RAIN_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`
@@ -25,6 +29,8 @@ function useFiltering(location) {
     },
     {
       name: "riverFlood",
+      url: endpoint +
+        `type=RIVERFLOOD_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`,
       socketUrl: new WebSocket(
         endpoint +
           `type=RIVERFLOOD_FORM&time=${finalDate}/${initialDate}&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`
@@ -32,6 +38,8 @@ function useFiltering(location) {
     },
     {
       name: "pluviometer",
+      url: endpoint +
+        `type=PLUVIOMETER_REGISTRATION&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`,
       socketUrl: new WebSocket(
         endpoint +
           `type=PLUVIOMETER_REGISTRATION&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=50`
@@ -39,6 +47,8 @@ function useFiltering(location) {
     },
     {
       name: "susceptibilityAreas",
+      url: endpoint +
+        `type=FLOODZONES_OFFICIAL&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=20`,
       socketUrl: new WebSocket(
         endpoint +
           `type=FLOODZONES_OFFICIAL&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=20`
@@ -46,6 +56,8 @@ function useFiltering(location) {
     },
     {
       name: "automaticPluviometer",
+      url: endpoint +
+        `type=PLUVIOMETERS_OFFICIAL&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=20`,
       socketUrl: new WebSocket(
         endpoint +
           `type=PLUVIOMETERS_OFFICIAL&lat=${location.lat}&lon=${location.long}&buffer=50000&limit=20`

src/app/hooks/useSocketMarkers.js

@@ -158,6 +158,8 @@ function verifyResponse(response, name) {
 function getFormsAnswers(socketObject, dispatch) {
   const [socketResponse, setSocketResponse] = useState();
 
+  const openListeners = () => {
+    console.log(`rodando forms answ ${socketObject.name}`);
     socketObject.socketUrl.onerror = (e) => {
       console.log(e.message);
     };
@@ -165,6 +167,23 @@ function getFormsAnswers(socketObject, dispatch) {
     socketObject.socketUrl.onmessage = ({ data }) => {
       setSocketResponse(data);
     };
+  };
+
+  openListeners()
+
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      console.log(
+        "===== Runing interval " + socketObject.name + " ========"
+      );
+      socketObject.socketUrl.close();
+      socketObject.socketUrl = new WebSocket(socketObject.url);
+      openListeners();
+    }, 600000);
+
+    return () => clearTimeout(timer);
+  }, []);
 
   useEffect(() => {
     dispatch({ increment: verifyResponse(socketResponse, socketObject.name)});