From 78bd658a4f20507df36eade44376cea822ab97ca Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 7 Sep 2022 16:11:00 -0700
Subject: [PATCH] fix sync

---
 package.json                                           | 2 +-
 packages/client/src/components/global/MkPageHeader.vue | 6 +-----
 packages/client/src/pages/notifications.vue            | 8 +++++++-
 packages/client/src/store.ts                           | 2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index a1d87c88f..f7f1346bb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.118.1-calc.2-beta.2-rc.13",
+	"version": "12.118.1-calc.2-beta.2-rc.14",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 48e53e1a2..b5c42be8d 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -14,15 +14,11 @@
 				<div v-if="!narrow && metadata.subtitle" class="subtitle">
 					{{ metadata.subtitle }}
 				</div>
-				<!-- <div v-if="narrow && hasTabs" class="subtitle activeTab">
-					{{ tabs.find(tab => tab.key === props.tab)?.title }}
-					<i class="chevron fas fa-chevron-down"></i>
-				</div> -->
 			</div>
 		</div>
 		<div class="tabs">
 			<button v-for="tab in tabs" :ref="(el) => tabRefs[tab.key] = el" v-tooltip.noDelay="tab.title" class="tab _button" :class="{ active: tab.key != null && tab.key === props.tab }" @mousedown="(ev) => onTabMousedown(tab, ev)" @click="(ev) => onTabClick(tab, ev)">
-				<i v-if="tab.icon" class="icon" :class="tab.icon"></i>
+				<i v-if="tab.icon && !narrow" class="icon" :class="tab.icon"></i>
 				<span v-if="!tab.iconOnly && !narrow" class="title">{{ tab.title }}</span>
 			</button>
 			<div ref="tabHighlightEl" class="highlight"></div>
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index 3e3532ba1..107fb69d6 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -45,11 +45,17 @@ import { definePageMetadata } from '@/scripts/page-metadata';
 import { deviceKind } from '@/scripts/device-kind';
 import 'swiper/scss';
 import 'swiper/scss/virtual';
-let tab = $ref('all');
 let includeTypes = $ref<string[] | null>(null);
 let unreadOnly = $computed(() => tab === 'unread');
 os.api('notifications/mark-all-as-read');
 
+const tab = $computed({
+	get: () => 'all',
+	set: (x) => {
+		syncSlide(['all', 'unread', 'mentions', 'directNotes'].indexOf(x));
+	},
+});
+
 const MOBILE_THRESHOLD = 500;
 const isMobile = ref(
 	deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD,
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 2cbd21f83..7a09d76a9 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -73,8 +73,8 @@ export const defaultStore = markRaw(new Storage('base', {
 			'notifications',,
 			'followRequests',
 			'messaging',
-			'favorites',
 			'explore',
+			'favorites',
 			'channels',
 			'search',
 		],