tweak 36c922f

kokonect-link · Oct 5, 2024 · 28b9205 · 28b9205
1 parent 301876c
commit 28b9205
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/packages/frontend/src/boot/common.ts b/packages/frontend/src/boot/common.ts
@@ -66,6 +66,8 @@ export async function common(createVue: () => App<Element>) {
 	let isClientMigrated = false;
 	const showPushNotificationDialog = miLocalStorage.getItem('showPushNotificationDialog');
 
+	if (miLocalStorage.getItem('ui') === null) miLocalStorage.setItem('ui', 'friendly');
+
 	if (instance.swPublickey && ('PushManager' in window) && $i && $i.token && showPushNotificationDialog == null) {
 		popup(defineAsyncComponent(() => import('@/components/MkPushNotification.vue')), {}, {}, 'closed');
 	}

diff --git a/packages/frontend/src/pages/settings/navbar.vue b/packages/frontend/src/pages/settings/navbar.vue
@@ -87,6 +87,9 @@ import { defaultStore } from '@/store.js';
 import { reloadAsk } from '@/scripts/reload-ask.js';
 import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
+import { miLocalStorage } from '@/local-storage.js';
+
+const isFriendly = ref(miLocalStorage.getItem('ui') === 'friendly');
 
 const Sortable = defineAsyncComponent(() => import('vuedraggable').then(x => x.default));
 
@@ -152,11 +155,11 @@ function reset() {
 }
 
 function resetButtomNavbar() {
-	defaultStore.set('showHomeButtonInNavbar', true);
-	defaultStore.set('showExploreButtonInNavbar', true);
+	defaultStore.set('showHomeButtonInNavbar', !isFriendly.value);
+	defaultStore.set('showExploreButtonInNavbar', isFriendly.value);
 	defaultStore.set('showSearchButtonInNavbar', false);
 	defaultStore.set('showNotificationButtonInNavbar', true);
-	defaultStore.set('showMessageButtonInNavbar', true);
+	defaultStore.set('showMessageButtonInNavbar', isFriendly.value);
 	defaultStore.set('showWidgetButtonInNavbar', true);
 }
 

diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
@@ -62,6 +62,8 @@ export const noteViewInterruptors: NoteViewInterruptor[] = [];
 export const notePostInterruptors: NotePostInterruptor[] = [];
 export const pageViewInterruptors: PageViewInterruptor[] = [];
 
+const isFriendly = ref(miLocalStorage.getItem('ui') === 'friendly');
+
 // TODO: それぞれいちいちwhereとかdefaultというキーを付けなきゃいけないの冗長なのでなんとかする(ただ型定義が面倒になりそう)
 //       あと、現行の定義の仕方なら「whereが何であるかに関わらずキー名の重複不可」という制約を付けられるメリットもあるからそのメリットを引き継ぐ方法も考えないといけない
 export const defaultStore = markRaw(new Storage('base', {
@@ -658,15 +660,15 @@ export const defaultStore = markRaw(new Storage('base', {
 	// - Settings/Navigation bar
 	showMenuButtonInNavbar: {
 		where: 'device',
-		default: true,
+		default: !isFriendly.value,
 	},
 	showHomeButtonInNavbar: {
 		where: 'device',
 		default: true,
 	},
 	showExploreButtonInNavbar: {
 		where: 'device',
-		default: true,
+		default: isFriendly.value,
 	},
 	showSearchButtonInNavbar: {
 		where: 'device',
@@ -678,7 +680,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	showMessageButtonInNavbar: {
 		where: 'device',
-		default: true,
+		default: isFriendly.value,
 	},
 	showWidgetButtonInNavbar: {
 		where: 'device',