diff --git a/packages/frontend/src/pages/settings/emoji-palette.vue b/packages/frontend/src/pages/settings/emoji-palette.vue
index 398228e226..29177f12ff 100644
--- a/packages/frontend/src/pages/settings/emoji-palette.vue
+++ b/packages/frontend/src/pages/settings/emoji-palette.vue
@@ -100,8 +100,19 @@ SPDX-License-Identifier: AGPL-3.0-only
- {{ i18n.ts.style }}
- {{ i18n.ts.needReloadToApply }}
+ {{ i18n.ts.style }} ({{ i18n.ts.emojiPicker }})
+
+
+
+
+
+
+
+
+
+
+
+ {{ i18n.ts.style }} ({{ i18n.ts.reactionPicker }})
@@ -133,13 +144,14 @@ import { prefer } from '@/preferences.js';
import MkPreferenceContainer from '@/components/MkPreferenceContainer.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import { emojiPicker } from '@/utility/emoji-picker.js';
-
+import { reloadAsk } from '@/scripts/reload-ask.js';
const emojiPaletteForReaction = prefer.model('emojiPaletteForReaction');
const emojiPaletteForMain = prefer.model('emojiPaletteForMain');
const emojiPickerScale = prefer.model('emojiPickerScale');
const emojiPickerWidth = prefer.model('emojiPickerWidth');
const emojiPickerHeight = prefer.model('emojiPickerHeight');
const emojiPickerStyle = prefer.model('emojiPickerStyle');
+const reactionPickerStyle = prefer.model('reactionPickerStyle');
const palettesSyncEnabled = ref(prefer.isSyncEnabled('emojiPalettes'));
@@ -214,6 +226,13 @@ function previewPicker(ev: MouseEvent) {
emojiPicker.show(getHTMLElement(ev));
}
+watch([
+ emojiPickerStyle,
+ reactionPickerStyle,
+], async () => {
+ await reloadAsk({ reason: i18n.ts.reloadToApplySetting, unison: true });
+});
+
definePage(() => ({
title: i18n.ts.emojiPalette,
icon: 'ti ti-mood-happy',
diff --git a/packages/frontend/src/utility/autogen/settings-search-index.ts b/packages/frontend/src/utility/autogen/settings-search-index.ts
index 0c83e72d82..3170745206 100644
--- a/packages/frontend/src/utility/autogen/settings-search-index.ts
+++ b/packages/frontend/src/utility/autogen/settings-search-index.ts
@@ -669,6 +669,11 @@ export const searchIndexes: SearchIndexItem[] = [
label: i18n.ts.style,
keywords: ['emoji', 'picker', 'style'],
},
+ {
+ id: '1AcH5eI7H',
+ label: i18n.ts.style,
+ keywords: ['reaction', 'emoji', 'picker', 'style'],
+ },
],
label: i18n.ts.emojiPickerDisplay,
keywords: ['emoji', 'picker', 'display'],