fix(ui): Prevent triggering multiple inferences at once

static/index.js

@@ -172,7 +172,7 @@ const durationTimer = () => {
       secondsElement.textContent = duration.toFixed(1);
     }, 100);
 
-    const updateDuration = () => (duration = Number(((performance.now() - startTime) / 1000).toFixed(1)));
+    const updateDuration = () => (duration = Number(((performance.now() - startTime) / 1_000).toFixed(1)));
 
     window.addEventListener('focus', updateDuration);
 
@@ -230,12 +230,20 @@ const cardRotationInitiator = (renderSection) => {
   };
 };
 
+let generating = false;
+
 generateButton.addEventListener('click', async () => {
+  if (generating) {
+    return;
+  }
+
   const renderSection = document.querySelector('section.render');
   const durationSeconds = document.querySelector('.duration > .seconds');
   const initialiseCardRotation = cardRotationInitiator(renderSection);
 
   try {
+    generating = true;
+
     const details = await generateDetails();
     const task = await createTask(details.energy_type);
     queueTask(task.task_id);
@@ -244,16 +252,15 @@ generateButton.addEventListener('click', async () => {
     const cleanupTimer = timer(durationSeconds).cleanup;
 
     const completedTask = await longPollTask(task);
-
+    generating = false;
     cleanupTimer();
 
     renderSection.innerHTML = cardHTML(details);
-
     const picture = document.querySelector('img.picture');
     picture.src = completedTask.value;
-
     initialiseCardRotation();
   } catch (err) {
+    generating = false;
     console.error(err);
   }
 });