Merge pull request #5687 from kiva/badge-shine-rays-animation

feat: badge shine and rays animation
kiva · Nov 18, 2024 · 820ad04 · 820ad04
2 parents 68db402 + 04de4f8
commit 820ad04
Show file tree

Hide file tree

Showing 8 changed files with 340 additions and 31 deletions.
diff --git a/.storybook/stories/BadgeContainer.stories.js b/.storybook/stories/BadgeContainer.stories.js
@@ -66,3 +66,9 @@ export const RectangleCompleted = story({ status: BADGE_COMPLETED, shape: BADGE_
 export const RectangleInProgress = story({ status: BADGE_IN_PROGRESS, shape: BADGE_SHAPE_RECTANGLE }, badgeUsEconomicEquality.contentfulData[0].imageUrl);
 
 export const RectangleLocked = story({ status: BADGE_LOCKED, shape: BADGE_SHAPE_RECTANGLE }, badgeUsEconomicEquality.contentfulData[0].imageUrl);
+
+export const BadgeWithRays = story({showRays: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
+
+export const BadgeWithShine = story({showShine: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
+
+export const BadgeWithShineAndRays = story({showRays: true, showShine: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
diff --git a/src/assets/images/my-kiva/badge-shine.svg b/src/assets/images/my-kiva/badge-shine.svg
diff --git a/src/assets/images/my-kiva/badge-shine/first.svg b/src/assets/images/my-kiva/badge-shine/first.svg
diff --git a/src/assets/images/my-kiva/badge-shine/second.svg b/src/assets/images/my-kiva/badge-shine/second.svg
diff --git a/src/assets/images/my-kiva/rays/first.svg b/src/assets/images/my-kiva/rays/first.svg
diff --git a/src/assets/images/my-kiva/rays/second.svg b/src/assets/images/my-kiva/rays/second.svg
diff --git a/src/assets/images/my-kiva/rays/third.svg b/src/assets/images/my-kiva/rays/third.svg