fix: Progress bar behaving wrongly when value is 0

LyonSyonII · Jul 4, 2024 · ebf51e3 · ebf51e3
1 parent 7132a10
commit ebf51e3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/components/Progress.astro b/frontend/src/components/Progress.astro
@@ -17,7 +17,7 @@ const { id, total, confetti = true } = Astro.props;
 
 <x-progress data-confetti={`${confetti}`}>
   <label for={id}>0 / {total}</label>
-  <progress {id} max={total}></progress>
+  <progress {id} value={0} max={total}></progress>
 
   <button class="feedback">Give Feedback</button>
   <Feedback id={id} />

diff --git a/frontend/src/utils/confetti.ts b/frontend/src/utils/confetti.ts
@@ -1,7 +1,8 @@
+const confettis = await import("confettis");
+
 export async function confetti({
-  y = 2,
+  y = 1,
   count = 100,
 }: { y?: number; count?: number } = {}) {
-  const confettis = await import("confettis");
   confettis.create({ y, count });
 }