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 - - + + + + + + + + + + + + + @@ -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'],