From d6c065c23baecf2852556e54676ff83401c958af Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 4 Mar 2024 00:25:24 -0800
Subject: feat(badges): category filter

---
 src/routes/user/[user]/badges/+page.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 56bb02cc..8c9e5ebd 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -20,6 +20,7 @@
 	import Popup from '$lib/Popup.svelte';
 	import FallbackImage from '$lib/FallbackImage.svelte';
 	import FallbackBadge from '$lib/FallbackBadge.svelte';
+	import { page } from '$app/stores';
 	// import { io } from 'socket.io-client';
 
 	export let data;
@@ -51,6 +52,8 @@
 	let badger: Partial<User>;
 	let migrateMode = false;
 
+	$: categoryFilter = new URLSearchParams($page.url.searchParams).get('category');
+
 	// $: downloadDisabled = badgeCount > 20;
 
 	type GroupedBadges = { [key: string]: Badge[] };
@@ -436,7 +439,7 @@
 
 										{#if parsedBadges.length > 0}
 											{#each parsedBadges as group}
-												<details open>
+												<details open={categoryFilter ? false : true}>
 													<summary>
 														Anime Watching Club <span class="opaque">|</span>
 														{group.group}
@@ -628,7 +631,7 @@
 									{/if}
 
 									{#each groupedBadges as [category, badges]}
-										<details open>
+										<details open={categoryFilter ? categoryFilter === category : true}>
 											<summary>{category}</summary>
 
 											<p />
-- 
cgit v1.2.3