From b2f4cf5246f1452d9a2f6bbf170dea3866e38cfb Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 14 Dec 2025 12:59:29 -0800
Subject: [PATCH] fix placeholder images to use CDN url

---
 .../database/import/TabbedEntitySelector.svelte  | 16 ++++------------
 .../database/characters/import/+page.svelte      |  4 ++--
 .../(app)/database/summons/import/+page.svelte   |  4 ++--
 .../(app)/database/weapons/import/+page.svelte   |  4 ++--
 4 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/lib/features/database/import/TabbedEntitySelector.svelte b/src/lib/features/database/import/TabbedEntitySelector.svelte
index bf8f7a85..4510b7dc 100644
--- a/src/lib/features/database/import/TabbedEntitySelector.svelte
+++ b/src/lib/features/database/import/TabbedEntitySelector.svelte
@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import Icon from '$lib/components/Icon.svelte'
+	import { getPlaceholderImage } from '$lib/utils/images'
 
 	export interface EntityTab {
 		wikiPage: string
@@ -22,16 +23,7 @@
 	let { entities, selectedWikiPage, onSelect, entityType }: Props = $props()
 
 	// Get placeholder image based on entity type
-	const placeholderImage = $derived(() => {
-		switch (entityType) {
-			case 'character':
-				return '/images/placeholders/placeholder-character-square.png'
-			case 'weapon':
-				return '/images/placeholders/placeholder-weapon-square.png'
-			case 'summon':
-				return '/images/placeholders/placeholder-summon-square.png'
-		}
-	})
+	const placeholderImage = $derived(getPlaceholderImage(entityType, 'square'))
 </script>
 
 <div class="entity-selector">
@@ -48,7 +40,7 @@
 			disabled={entity.saved}
 		>
 			<img
-				src={entity.granblueId ? entity.imageUrl : placeholderImage()}
+				src={entity.granblueId ? entity.imageUrl : placeholderImage}
 				alt={entity.wikiPage}
 				class="entity-image"
 				class:placeholder={!entity.granblueId}
@@ -60,7 +52,7 @@
 				</span>
 			{:else if entity.status === 'error'}
 				<span class="status-overlay error">
-					<Icon name="alert-circle" size={20} />
+					<Icon name="close" size={20} />
 				</span>
 			{:else if entity.saved}
 				<span class="status-overlay saved">
diff --git a/src/routes/(app)/database/characters/import/+page.svelte b/src/routes/(app)/database/characters/import/+page.svelte
index b409d54f..f9369aa0 100644
--- a/src/routes/(app)/database/characters/import/+page.svelte
+++ b/src/routes/(app)/database/characters/import/+page.svelte
@@ -3,7 +3,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { entityAdapter, type CharacterSuggestions } from '$lib/api/adapters/entity.adapter'
-	import { getCharacterImage } from '$lib/utils/images'
+	import { getCharacterImage, getPlaceholderImage } from '$lib/utils/images'
 
 	// Components
 	import CharacterUncapSection from '$lib/features/database/characters/sections/CharacterUncapSection.svelte'
@@ -85,7 +85,7 @@
 			status: entity.status,
 			imageUrl: entity.granblueId
 				? getCharacterImage(entity.granblueId, 'square')
-				: '/images/placeholders/placeholder-character-square.png',
+				: getPlaceholderImage('character', 'square'),
 			error: entity.error,
 			saved: savedEntities.has(wikiPage)
 		}))
diff --git a/src/routes/(app)/database/summons/import/+page.svelte b/src/routes/(app)/database/summons/import/+page.svelte
index 1604f8dc..081a281f 100644
--- a/src/routes/(app)/database/summons/import/+page.svelte
+++ b/src/routes/(app)/database/summons/import/+page.svelte
@@ -3,7 +3,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { entityAdapter, type SummonSuggestions } from '$lib/api/adapters/entity.adapter'
-	import { getSummonImage } from '$lib/utils/images'
+	import { getSummonImage, getPlaceholderImage } from '$lib/utils/images'
 
 	// Components
 	import SummonUncapSection from '$lib/features/database/summons/sections/SummonUncapSection.svelte'
@@ -80,7 +80,7 @@
 			status: entity.status,
 			imageUrl: entity.granblueId
 				? getSummonImage(entity.granblueId, 'square')
-				: '/images/placeholders/placeholder-summon-square.png',
+				: getPlaceholderImage('summon', 'square'),
 			error: entity.error,
 			saved: savedEntities.has(wikiPage)
 		}))
diff --git a/src/routes/(app)/database/weapons/import/+page.svelte b/src/routes/(app)/database/weapons/import/+page.svelte
index 7414c770..0a014c3d 100644
--- a/src/routes/(app)/database/weapons/import/+page.svelte
+++ b/src/routes/(app)/database/weapons/import/+page.svelte
@@ -3,7 +3,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { entityAdapter, type WeaponSuggestions } from '$lib/api/adapters/entity.adapter'
-	import { getWeaponImage } from '$lib/utils/images'
+	import { getWeaponImage, getPlaceholderImage } from '$lib/utils/images'
 
 	// Components
 	import WeaponUncapSection from '$lib/features/database/weapons/sections/WeaponUncapSection.svelte'
@@ -79,7 +79,7 @@
 			status: entity.status,
 			imageUrl: entity.granblueId
 				? getWeaponImage(entity.granblueId, 'square')
-				: '/images/placeholders/placeholder-weapon-square.png',
+				: getPlaceholderImage('weapon', 'square'),
 			error: entity.error,
 			saved: savedEntities.has(wikiPage)
 		}))