diff --git a/src/components/MyKiva/BadgesSection.vue b/src/components/MyKiva/BadgesSection.vue index 81ed3a0785..6e5947df45 100644 --- a/src/components/MyKiva/BadgesSection.vue +++ b/src/components/MyKiva/BadgesSection.vue @@ -42,7 +42,7 @@ @@ -74,10 +74,6 @@ const visibleBadges = computed(() => { .sort(indexIn(defaultBadges, 'id')); }); -const levelCaption = badge => { - return `Level ${getActiveTierData(badge).level}/${getBadgeWithVisibleTiers(badge).achievementData.tiers.length}`; -}; - const getBadgeStatus = badge => { const activeTier = getActiveTierData(badge); if (activeTier?.level === badge?.achievementData?.tiers?.length) { @@ -85,6 +81,20 @@ const getBadgeStatus = badge => { } return BADGE_IN_PROGRESS; }; + +const levelCaption = badge => { + if (getBadgeStatus(badge) === BADGE_COMPLETED) { + return 'Complete!'; + } + return `Level ${getActiveTierData(badge).level}/${getBadgeWithVisibleTiers(badge).achievementData.tiers.length}`; +}; + +const ctaCaption = badge => { + if (getBadgeStatus(badge) === BADGE_COMPLETED) { + return 'See this journey'; + } + return badge.hasStarted ? 'Continue' : 'Start this journey'; +};