simple refactor to promote reuse

apps/dashboard/app/javascript/batch_connect_sessions.js

@@ -1,20 +1,7 @@
 'use strict';
 
 import { bcIndexUrl, bcPollDelay } from './config';
-import { replaceHTML } from './turbo_shim';
-
-function poll() {
-  url = bcIndexUrl();
-  fetch(url, { headers: { Accept: "text/vnd.turbo-stream.html" } })
-    .then(response => response.ok ? Promise.resolve(response) : Promise.reject(response.text()))
-    .then((r) => r.text())
-    .then((html) => replaceHTML("batch_connect_sessions", html))
-    .then(setTimeout(poll, bcPollDelay()))
-    .catch((err) => {
-      console.log('Cannot not retrive batch connect sessions due to error:');
-      console.log(err);
-    });
-}
+import { pollAndReplace } from './turbo_shim';
 
 function settingKey(id) {
   return id + '_value';
@@ -52,7 +39,7 @@ jQuery(function (){
     $('#full-page-spinner').removeClass('d-none');
   }
 
-  poll();
+  pollAndReplace(bcIndexUrl(), bcPollDelay(), "batch_connect_sessions");
 
   $('button.relaunch').each((index, element) => {
     $(element).on('click', showSpinner);

apps/dashboard/app/javascript/turbo_shim.js

@@ -19,3 +19,15 @@ export function replaceHTML(id, html) {
     ele.innerHTML = newHTML;
   }
 }
+
+export function pollAndReplace(url, delay, id) {
+  fetch(url, { headers: { Accept: "text/vnd.turbo-stream.html" } })
+    .then(response => response.ok ? Promise.resolve(response) : Promise.reject(response.text()))
+    .then((r) => r.text())
+    .then((html) => replaceHTML(id, html))
+    .then(setTimeout(pollAndReplace, delay, url, delay, id))
+    .catch((err) => {
+      console.log('Cannot not retrive partial due to error:');
+      console.log(err);
+    });
+}

apps/dashboard/app/views/batch_connect/sessions/index.html.erb

@@ -36,7 +36,7 @@ locals: {
     </div>
     <div class="col-md-9">
       <div id="batch_connect_sessions">
-        <%= render(partial: 'panels', locals: { use_template: false }) %>
+        <%= render(partial: 'panels') %>
       </div>
     </div>
   <%- else -%>