From d06e8ea47dc3aae00c0e4e2a6118afaf0b3040b6 Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Wed, 20 Nov 2024 11:15:35 -0600
Subject: [PATCH] feat: level added to badge tile

---
 src/components/MyKiva/BadgeTile.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/MyKiva/BadgeTile.vue b/src/components/MyKiva/BadgeTile.vue
index 9f709d2f8c..6d4d23d58e 100644
--- 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 ?? '';