Fix isAnimating for confetti animation (#82)

Co-authored-by: jakub.szewczyk <jakub.szewczyk@tivix.com>
thedevelobear · Mar 28, 2022 · 669e6c0 · 669e6c0
1 parent 5295eb3
commit 669e6c0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-rewards",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "This package lets you easily add micro-interactions to your app and reward users with the rain of confetti, emoji or balloons.",
   "author": "thedevelobear",
   "license": "MIT",

diff --git a/src/components/Confetti/Confetti.ts b/src/components/Confetti/Confetti.ts
@@ -69,7 +69,11 @@ const updateParticle = (
   }
 };
 
-export const confetti = (root: Element, config?: ConfettiConfig) => {
+export const confetti = (
+  root: Element,
+  internalAnimatingCallback: () => void,
+  config?: ConfettiConfig
+) => {
   const options = config || {};
   const {
     elementCount = 50,
@@ -101,6 +105,7 @@ export const confetti = (root: Element, config?: ConfettiConfig) => {
     if (typeof onAnimationComplete === 'function') {
       onAnimationComplete();
     }
+    internalAnimatingCallback();
   };
 
   animate({

diff --git a/src/hooks/useReward.ts b/src/hooks/useReward.ts
@@ -38,8 +38,7 @@ export const useReward: UseRewardType = (id, type, config) => {
     case 'confetti': {
       reward = () => {
         setIsAnimating(true);
-        confetti(container, config);
-        setIsAnimating(false);
+        confetti(container, internalAnimatingCallback, config);
       };
       break;
     }