feat(badges): Add a no-load query parameter

1 files changed, 15 insertions, 8 deletions

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 9f229071..646ef24d 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -197,6 +197,7 @@
   let noticeDismissed = false;
 
   $: categoryFilter = new URLSearchParams($page.url.searchParams).get('category');
+  $: loadQueryParameter = new URLSearchParams($page.url.searchParams).get('load');
 
   type GroupedBadges = { [key: string]: IndexedBadge[] };
 
@@ -827,14 +828,20 @@
 
         <p></p>
 
-        <Badges
-          {ungroupedBadges}
-          {groupedBadges}
-          {categoryFilter}
-          {editMode}
-          {preferences}
-          bind:selectedBadge
-        />
+        {#if loadQueryParameter === 'none'}
+          <div class="card">
+            <b>Notice:</b> {ungroupedBadges.length} badges have been loaded successfully, but they are not being displayed due to your preferences (<code>load=none</code>).
+          </div>
+        {:else}
+          <Badges
+            {ungroupedBadges}
+            {groupedBadges}
+            {categoryFilter}
+            {editMode}
+            {preferences}
+            bind:selectedBadge
+          />
+        {/if}
       {/if}
     </div>