From 0bc6f27e32254f95b14731843153bead0de34462 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 17 Dec 2022 17:15:15 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=A5=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                        |  2 +-
 packages/client/src/pages/about.vue | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 869b15908..39ad82ef3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.5",
+	"version": "13.0.6",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 2c6c44d3c..6056a0083 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -14,7 +14,7 @@
 				<div class="_formRoot">
 					<div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }">
 						<div class="content">
-							<img ref="icon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/>
+							<img ref="instanceIcon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/>
 							<div class="name">
 								<b>{{ $instance.name || host }}</b>
 							</div>
@@ -120,7 +120,7 @@ withDefaults(defineProps<{
 });
 
 let stats = $ref(null);
-let icon = $ref<HTMLElement>(null);
+let instanceIcon = $ref<HTMLImageElement>();
 let iconClicks = 0;
 let tabs = ['overview', 'emojis', 'charts'];
 let tab = $ref(tabs[0]);
@@ -187,16 +187,17 @@ function syncSlide(index) {
 }
 
 onMounted(() => {
-	icon.addEventListener('click', async () => {
+	instanceIcon.addEventListener('click', async () => {
 		iconClicks++;
-		icon.style.animation = 'unset';
+		instanceIcon.style.animation = 'unset';
 		await sleep(0.1);
-		icon.style.animation = `iconShake${(iconClicks % 3) + 1} 1 0.3s`;
+		const normalizedCount = (iconClicks % 3) + 1;
+		instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`;
 		if (iconClicks % 3 === 0) {
 			defaultStore.set('woozyMode', !defaultStore.woozyMode);
-			await sleep(1.5);
-			icon.style.animation = 'unset';
-			icon.style.animation = 'swpinY 1 0.6s';
+			await sleep(0.4);
+			instanceIcon.style.animation = 'unset';
+			instanceIcon.style.animation = 'swpinY 0.9s 1';
 		}
 	});
 });