feat(badges): allow dismiss notice

1 files changed, 14 insertions, 1 deletions

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 2614cb13..565cb73b 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -59,6 +59,7 @@
 	let hideMode = false;
 	let preferences: UserPreferences;
 	const authorised = authorisedJson.includes($identity.id);
+	let noticeDismissed = false;
 
 	$: categoryFilter = new URLSearchParams($page.url.searchParams).get('category');
 
@@ -76,6 +77,8 @@
 	onMount(async () => {
 		// socket.on('badges', (message) => (badges = message));
 
+		if (browser && localStorage.getItem('badgeWallNoticeDismissed')) noticeDismissed = true;
+
 		badger = isId
 			? {
 					id: parseInt(data.username),
@@ -515,7 +518,7 @@
 										will be required to use the hide feature to hide these badges from the public, while
 										allowing them to stay visible to you as the account holder.
 									</div>
-								{:else}
+								{:else if !noticeDismissed}
 									<div class="card">
 										<b>Notice:</b> AniList has begun purging outbound links which contain
 										AI-generated material, this includes Badge Wall. If you have collected badges
@@ -525,6 +528,16 @@
 										<p />
 										Failure to comply with this request at your earliest convenience will result in the
 										hiding of all badges from your Badge Wall.
+										<p />
+										<button
+											on:click={() => {
+												noticeDismissed = true;
+
+												localStorage.setItem('badgeWallNoticeDismissed', 'true');
+											}}
+										>
+											Dismiss
+										</button>
 									</div>
 								{/if}