From 90d34c3118b7890d5c14ce5dfa5764368ca68b04 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 27 Dec 2020 21:16:51 +0900
Subject: [PATCH] Improve usability

---
 locales/ja-JP.yml                  |  1 +
 src/client/pages/settings/deck.vue | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index f7eb35526..c14f2b4e6 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -669,6 +669,7 @@ left: "左"
 center: "中央"
 wide: "広い"
 narrow: "狭い"
+reloadToApplySetting: "設定はページリロード後に反映されます。今すぐリロードしますか？"
 
 _aboutMisskey:
   about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"
diff --git a/src/client/pages/settings/deck.vue b/src/client/pages/settings/deck.vue
index 0fcc2f795..0d9f1ab0a 100644
--- a/src/client/pages/settings/deck.vue
+++ b/src/client/pages/settings/deck.vue
@@ -37,6 +37,7 @@ import FormInput from '@/components/form/input.vue';
 import FormBase from '@/components/form/base.vue';
 import FormGroup from '@/components/form/group.vue';
 import { deckStore } from '@/ui/deck/deck-store';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -68,6 +69,19 @@ export default defineComponent({
 		columnHeaderHeight: deckStore.makeGetterSetter('columnHeaderHeight'),
 	},
 
+	watch: {
+		async navWindow() {
+			const { canceled } = await os.dialog({
+				type: 'info',
+				text: this.$ts.reloadToApplySetting,
+				showCancelButton: true
+			});
+			if (canceled) return;
+
+			location.reload();
+		}
+	},
+
 	mounted() {
 		this.$emit('info', this.INFO);
 	},