From c90da7ad4edac7e50fa43af315dd2600f34877d1 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 14 Dec 2025 02:06:34 -0800
Subject: [PATCH] show item names in collection cards

---
 .../collection/CollectionCharacterCard.svelte        |  9 ++++++++-
 .../collection/CollectionSummonCard.svelte           | 12 ++++++++++++
 .../collection/CollectionWeaponCard.svelte           | 12 ++++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/collection/CollectionCharacterCard.svelte b/src/lib/components/collection/CollectionCharacterCard.svelte
index 2110171d..4812fb5b 100644
--- a/src/lib/components/collection/CollectionCharacterCard.svelte
+++ b/src/lib/components/collection/CollectionCharacterCard.svelte
@@ -54,6 +54,7 @@
 
 <style lang="scss">
 	@use '$src/themes/spacing' as *;
+	@use '$src/themes/typography' as typography;
 
 	.character-card {
 		display: flex;
@@ -103,6 +104,12 @@
 	}
 
 	.character-name {
-		display: none;
+		font-size: typography.$font-small;
+		color: var(--text-tertiary);
+		text-align: center;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
 	}
 </style>
diff --git a/src/lib/components/collection/CollectionSummonCard.svelte b/src/lib/components/collection/CollectionSummonCard.svelte
index e762ed16..307f402c 100644
--- a/src/lib/components/collection/CollectionSummonCard.svelte
+++ b/src/lib/components/collection/CollectionSummonCard.svelte
@@ -35,10 +35,12 @@
 		ulb={summon.summon?.uncap?.ulb}
 		transcendence={summon.summon?.uncap?.transcendence}
 	/>
+	<span class="summon-name">{displayName}</span>
 </button>
 
 <style lang="scss">
 	@use '$src/themes/spacing' as *;
+	@use '$src/themes/typography' as typography;
 
 	.summon-card {
 		display: flex;
@@ -76,4 +78,14 @@
 		object-fit: contain;
 		border-radius: 8px;
 	}
+
+	.summon-name {
+		font-size: typography.$font-small;
+		color: var(--text-tertiary);
+		text-align: center;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
+	}
 </style>
diff --git a/src/lib/components/collection/CollectionWeaponCard.svelte b/src/lib/components/collection/CollectionWeaponCard.svelte
index b2bddc50..941c920d 100644
--- a/src/lib/components/collection/CollectionWeaponCard.svelte
+++ b/src/lib/components/collection/CollectionWeaponCard.svelte
@@ -40,10 +40,12 @@
 		ulb={weapon.weapon?.uncap?.ulb}
 		transcendence={weapon.weapon?.uncap?.transcendence}
 	/>
+	<span class="weapon-name">{displayName}</span>
 </button>
 
 <style lang="scss">
 	@use '$src/themes/spacing' as *;
+	@use '$src/themes/typography' as typography;
 
 	.weapon-card {
 		display: flex;
@@ -81,4 +83,14 @@
 		object-fit: contain;
 		border-radius: 8px;
 	}
+
+	.weapon-name {
+		font-size: typography.$font-small;
+		color: var(--text-tertiary);
+		text-align: center;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
+	}
 </style>