feat(BadgePreview): simple source name

1 files changed, 21 insertions, 2 deletions

diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index ac1d13ec..4c374a27 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -60,6 +60,24 @@
 			document.removeEventListener('click', handleClickOutside);
 		};
 	});
+
+	// generate a tag for the source
+	const classifySource = (source: string) => {
+		let name = source;
+		const sourceLower = source.toLowerCase();
+
+		if (sourceLower.includes('pixiv.net')) {
+			name = 'Pixiv';
+		} else if (sourceLower.includes('twitter.com') || sourceLower.includes('x.com')) {
+			name = 'X (Twitter)';
+		} else if (sourceLower.includes('zerochan.net')) {
+			name = 'Zerochan';
+		} else if (sourceLower.includes('imgur.com')) {
+			name = 'Imgur';
+		}
+
+		return `<a href="${source}" target="_blank">${name}</a>`;
+	};
 </script>
 
 {#if selectedBadge}
@@ -131,9 +149,10 @@
 			<b>Source:</b>
 
 			{#if selectedBadge.source.startsWith('http')}
-				<a href={selectedBadge.source} target="_blank">
+				<!-- <a href={selectedBadge.source} target="_blank">
 					{selectedBadge.source}
-				</a>
+				</a> -->
+				{@html classifySource(selectedBadge.source)}
 			{:else}
 				{selectedBadge.source}
 			{/if}