diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js index a97cfd7a239f98bae557de62eb63b28ad5fd54b7..58e1468f89450b102a4ed07efb561d532105ef1e 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.js +++ b/src/components/settings_modal/admin_tabs/emoji_tab.js @@ -60,6 +60,10 @@ const EmojiTab = { } return result + }, + downloadWillReplaceLocal () { + return (this.remotePackDownloadAs.trim() === '' && this.pack.remote && this.pack.remote.baseName in this.knownLocalPacks) || + (this.remotePackDownloadAs in this.knownLocalPacks) } }, diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss index 68711aee1d5343ef9be601ef104b07d238bb37d9..cc918870606db242a42c02540c7e68da030bde78 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.scss +++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss @@ -54,4 +54,8 @@ .emoji-tab-popover-file { padding-top: 3px; } + + .warning { + color: var(--cOrange, $fallback--cOrange); + } } diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue index f2dc343a4270d35eae7fbe998897170c76956eb7..5231f86046846ef3d9a303d49655fade70dc81b0 100644 --- a/src/components/settings_modal/admin_tabs/emoji_tab.vue +++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue @@ -200,10 +200,16 @@ <div> <div> <div class="emoji-tab-popover-input"> - <label for="remote-download-as-input">{{ $t('admin_dash.emoji.download_as_name') }}</label> - <input id="remote-download-as-input" class="emoji-data-input" - v-model="remotePackDownloadAs" - :placeholder="$t('admin_dash.emoji.download_as_name_full')"> + <label> + {{ $t('admin_dash.emoji.download_as_name') }} + <input class="emoji-data-input" + v-model="remotePackDownloadAs" + :placeholder="$t('admin_dash.emoji.download_as_name_full')"> + </label> + + <div v-if="downloadWillReplaceLocal" class="warning"> + <em>{{ $t('admin_dash.emoji.replace_warning') }}</em> + </div> </div> <button diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue index 12f7a4f86a30bca720c0b9a496656910a5ebba19..dfece42431ea6e330e8c08b6eb2dd08ead233aab 100644 --- a/src/components/settings_modal/helpers/emoji_editing_popover.vue +++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue @@ -168,7 +168,7 @@ export default { }) } }, - emits: ['updatePackFiles', 'displaError'], + emits: ['updatePackFiles', 'displayError'], props: { placement: String, disabled: { diff --git a/src/i18n/en.json b/src/i18n/en.json index 4c6fe37621b392b301305c975bba136ad967ceeb..9a8f9a446f46dcaba355c1e07306aaf119ea246c 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -974,7 +974,8 @@ "editing": "Editing {0}", "delete_title": "Delete?", "metadata_changed": "Metadata different from saved", - "emoji_changed": "Unsaved emoji file changes, check highlighted emoji" + "emoji_changed": "Unsaved emoji file changes, check highlighted emoji", + "replace_warning": "This will REPLACE the local pack of the same name" }, "temp_overrides": { ":pleroma": {