feat: level added to badge tile

kiva · Nov 20, 2024 · d06e8ea · d06e8ea
1 parent 47ba1b0
commit d06e8ea
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/MyKiva/BadgeTile.vue b/src/components/MyKiva/BadgeTile.vue
@@ -28,7 +28,7 @@
 					</BadgeContainer>
 					<div>
 						<p class="tw-font-medium">
-							{{ tierData.tierName }}
+							{{ tileTitle }}
 						</p>
 						<p class="tw-text-small -tw-mt-0.5">
 							{{ tierCaption }}
@@ -131,6 +131,12 @@ const selectedTier = computed(() => {
 });
 
 const badgeName = computed(() => selectedTier?.value?.badge?.challengeName ?? '');
+
+const tileTitle = computed(() => {
+	const tierLevel = selectedTier?.value?.tier?.level ?? '';
+	return `${badgeName.value} (level ${tierLevel})`;
+});
+
 const tierCaption = computed(() => {
 	const progress = selectedTier?.value?.totalProgressToAchievement ?? '';
 	const target = selectedTier?.value?.tier?.target ?? '';