From 7fde6a93cf183e7f3a710a2fe23a5f5a4ccffa49 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 14 Apr 2024 00:01:09 -0700
Subject: feat(badges): darken hidden badges

---
 src/lib/FallbackBadge.svelte               | 4 +++-
 src/routes/user/[user]/badges/+page.svelte | 7 ++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/lib/FallbackBadge.svelte b/src/lib/FallbackBadge.svelte
index 652c8735..470f5d8c 100644
--- a/src/lib/FallbackBadge.svelte
+++ b/src/lib/FallbackBadge.svelte
@@ -12,6 +12,7 @@
 	export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg';
 	export let hideOnError = false;
 	export let badge: Badge;
+	export let style = '';
 
 	let replaceCount = 0;
 	let badgeReference: HTMLImageElement;
@@ -63,7 +64,8 @@
 			bind:this={badgeReference}
 			on:mousemove={handleMouseMove}
 			on:mouseleave={handleMouseLeave}
-			style="transform: perspective(1000px) rotateX({mouseY / 10}deg) rotateY({-mouseX / 10}deg);"
+			style="transform: perspective(1000px) rotateX({mouseY / 10}deg) rotateY({-mouseX /
+				10}deg); ${style}"
 			on:error={(e) => delayedReplace(e, fallback)}
 		/>
 	</a>
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index fc757a53..0490dc97 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -444,8 +444,8 @@
 	// 	URL.revokeObjectURL(url);
 	// };
 
-	const removeHiddenBadges = (badges: Badge[]) =>
-		editMode ? badges : badges.filter((b) => !b.hidden);
+	const removeHiddenBadges = (isOwner: boolean, badges: Badge[]) =>
+		isOwner ? badges : badges.filter((b) => !b.hidden);
 </script>
 
 <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} />
@@ -522,7 +522,7 @@
 							<Skeleton grid={true} count={10} width="150px" height="170px" />
 						{:else}
 							{@const groupedBadges = Object.entries(
-								groupBadges(removeHiddenBadges(ungroupedBadges))
+								groupBadges(removeHiddenBadges(isOwner, ungroupedBadges))
 							)}
 
 							{#if isOwner}
@@ -745,6 +745,7 @@
 													alternative={badge.description}
 													fallback={thumbnail(badge.image)}
 													hideOnError={preferences.hide_missing_badges}
+													style={badge.hidden ? 'filter: grayscale(100%); opacity: 50%;' : ''}
 												/>
 											{/if}
 										{/each}
-- 
cgit v1.2.3