Update static/models.js

static/models.js

@@ -223,18 +223,9 @@ btn.onclick = async () => {
   generateImage()
     
 }
-async function fetchData() {
-      try {
-                const response = await fetch('https://xyplon.onrender.com/');
-                if (!response.ok) {
-                    throw new Error(`HTTP error! Status: ${response.status}`);
-                }
-                const data = await response.json();
-                const formattedData = `Pending Requests: ${data["Pending (Generating): "]}  Total Requests: ${data["Total Requests: "]}`;
-                document.getElementById('stats').textContent = formattedData;
-            } catch (error) {
-                document.getElementById('stats').textContent = `Error: ${error.message}`;
-            }
-        }
 
-        setInterval(fetchData, 1000);
+const socket = io();
+
+socket.on('update', function(data) {
+            document.getElementById('stats').textContent = `Pending (Generating): ${data["Pending Requests"]}  Total Requests: ${data["Total Requests"]}`;
+    });