From 11e992de8ca41b18b54217e7bfcb12ef493581c7 Mon Sep 17 00:00:00 2001
From: Christian Bedon <christian.bedon@contractors.kiva.org>
Date: Fri, 23 Aug 2024 11:09:49 -0500
Subject: [PATCH] fix: hide name using badge id

---
 src/components/Thanks/Badges/DetailSection.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Thanks/Badges/DetailSection.vue b/src/components/Thanks/Badges/DetailSection.vue
index 12041b704f..b95b1e9f24 100644
--- a/src/components/Thanks/Badges/DetailSection.vue
+++ b/src/components/Thanks/Badges/DetailSection.vue
@@ -31,7 +31,7 @@
 						class="badge tw-mx-auto"
 						alt="Gift icon"
 					>
-					<h3 v-if="badge.name !== selectedName" class="tw-text-center">
+					<h3 v-if="hideBadgeName(badge.id)" class="tw-text-center">
 						{{ badge.name }}
 					</h3>
 				</div>
@@ -162,6 +162,9 @@ export default {
 			const badgeIndex = this.$refs.badgeCarousel.currentIndex + 1;
 			this.currentBadgeIndex = badgeIndex;
 		},
+		hideBadgeName(badgeId) {
+			return badgeId !== this.currentBadge?.id;
+		}
 	}
 };
 </script>