feat(badges): individual badges shadow hiding

1 files changed, 24 insertions, 0 deletions

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index d81cea28..6d34a204 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -451,6 +451,17 @@
 	const castAsStringArray = (array: any[]) => array as string[];
 
 	const castBadgesToIndexedBadges = (array: any[]) => array as IndexedBadge[];
+
+	const shadowHideBadge = () => {
+		if (!selectedBadge && !authorised) return;
+
+		badgesPromise = fetch(
+			`/api/badges?shadowHideBadge=${selectedBadge?.id}&status=${selectedBadge?.shadow_hidden}`,
+			{
+				method: 'PUT'
+			}
+		);
+	};
 </script>
 
 <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} />
@@ -826,6 +837,19 @@
 									Next
 								</button>
 							{/if}
+
+							{#if authorised}
+								<br />
+								<br />
+
+								<button on:click={shadowHideBadge}>
+									{#if selectedBadge && selectedBadge.shadow_hidden}
+										Un-shadow
+									{:else}
+										Shadow
+									{/if} Hide Badge ({selectedBadge ? selectedBadge.id : 0})
+								</button>
+							{/if}
 						</Popup>
 					{/if}
 				{:catch}