From c4ec98bc96679586f6867870de8e00e043090354 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 27 May 2024 18:38:30 -0700
Subject: feat(badges): click counter for badges

---
 src/lib/User/BadgeWall/BadgePreview.svelte  | 8 ++++++++
 src/lib/User/BadgeWall/FallbackBadge.svelte | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/lib/User')

diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index ac9519c5..4e347d3d 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -7,6 +7,7 @@
 	import { onMount } from 'svelte';
 	import { cubicOut } from 'svelte/easing';
 	import { tweened } from 'svelte/motion';
+	import root from '$lib/Utility/root';
 
 	export let selectedBadge: Badge | undefined;
 	export let onNext: () => void = () => {};
@@ -51,6 +52,13 @@
 		}
 	}
 
+	$: {
+		if (selectedBadge)
+			fetch(root(`/api/badges?incrementClickCount=${selectedBadge.id}`), {
+				method: 'PUT'
+			});
+	}
+
 	onMount(() => {
 		const handleClickOutside = (event: any) => {
 			if (event.target.classList.contains('popup')) selectedBadge = undefined;
diff --git a/src/lib/User/BadgeWall/FallbackBadge.svelte b/src/lib/User/BadgeWall/FallbackBadge.svelte
index 083869d7..7e0420ea 100644
--- a/src/lib/User/BadgeWall/FallbackBadge.svelte
+++ b/src/lib/User/BadgeWall/FallbackBadge.svelte
@@ -67,7 +67,7 @@
 
 {#if replaceCount < maxReplaceCount}
 	<Tooltip
-		content={`${dev && !awc ? `${badge.id}\n` : ''}${
+		content={`${dev && !awc ? `${badge.id} ${badge.click_count}\n` : ''}${
 			badge.time ? $locale().dateFormatter(databaseTimeToDate(badge.time)) : ''
 		}${badge.description ? `${awc ? '' : '\n'}${badge.description}` : ''}${
 			badge.designer ? `\nDesigner: ${classifyDesignerName(badge.designer)}` : ''
-- 
cgit v1.2.3