diff options
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 7 |
1 files changed, 5 insertions, 2 deletions
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 /> |