From 47e23b5be7852551a4ee2477046e28d5f2546540 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 7 Nov 2022 12:27:45 -0800
Subject: [PATCH] why do buttons hate me

---
 package.json                         |  2 +-
 packages/client/src/ui/universal.vue | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index a45b632cc4..601ff32323 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.9.17",
+	"version": "12.119.0-calc.9.18",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 1fbe5d8094..0593548644 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -24,17 +24,17 @@
 				<i class="ph-list-bold ph-lg"></i><span v-if="menuIndicated" class="indicator"><i class="ph-circle-fill"></i></span>
 			</div>
 		</button>
-		<button class="button home _button" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.push('/');">
+		<button class="button home _button" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.push('/'); updateButtonState();">
 			<div class="button-wrapper" :class="buttonAnimIndex === 0 ? 'on' : ''">
 				<i class="ph-house-bold ph-lg"></i>
 			</div>
 		</button>
-		<button class="button notifications _button" @click="mainRouter.push('/my/notifications')">
+		<button class="button notifications _button" @click="mainRouter.push('/my/notifications'); updateButtonState();">
 			<div class="button-wrapper" :class="buttonAnimIndex === 1 ? 'on' : ''">
 				<i class="ph-bell-bold ph-lg"></i><span v-if="$i?.hasUnreadNotification" class="indicator"><i class="ph-circle-fill"></i></span>
 			</div>
 		</button>
-		<button class="button messaging _button" @click="mainRouter.push('/my/messaging')">
+		<button class="button messaging _button" @click="mainRouter.push('/my/messaging'); updateButtonState();">
 			<div class="button-wrapper" :class="buttonAnimIndex === 2 ? 'on' : ''">
 				<i class="ph-chats-teardrop-bold ph-lg"></i><span v-if="$i?.hasUnreadMessagingMessage" class="indicator"><i class="ph-circle-fill"></i></span>
 			</div>
@@ -133,28 +133,30 @@ const menuIndicated = computed(() => {
 	return false;
 });
 
-function updateButtonState(): void {
+function updateButtonState(): string {
 	let routerState = window.location.pathname;
 	if (routerState === '/') {
 		buttonAnimIndex.value = 0;
-		return;
+		return routerState;
 	}
 	if (routerState.includes('/my/notifications')) {
 		buttonAnimIndex.value = 1;
-		return;
+		return routerState;
 	}
 	if (routerState.includes('/my/messaging')) {
 		buttonAnimIndex.value = 2;
-		return;
+		return routerState;
 	}
 	buttonAnimIndex.value = 3;
+	return routerState;
 }
 
 updateButtonState();
 
 mainRouter.on('change', () => {
 	drawerMenuShowing.value = false;
-	updateButtonState();
+	const newState = updateButtonState();
+	console.log(newState);
 });
 
 document.documentElement.style.overflowY = 'scroll';