course review: restart celebration dance on click

jakmeier · Sep 24, 2024 · 248ab44 · 248ab44
1 parent 00ef0de
commit 248ab44
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/bouncy_frontend/src/lib/components/ui/Explanation.svelte b/bouncy_frontend/src/lib/components/ui/Explanation.svelte
@@ -56,12 +56,22 @@
       }
     }
   }
+
+  function restartAnimation() {
+    const n = $beat - firstDancedBeat;
+    if (n > dancedBeats) {
+      firstDancedBeat = $beat + 2;
+    }
+  }
+
   onMount(() => {
     firstDancedBeat = $beat + 2;
   });
 </script>
 
-<div class="explanation" style="width: {width}px">
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div class="explanation" style="width: {width}px" on:click={restartAnimation}>
   <SpeechBubble
     {text}
     position="bottom"