diff --git a/CHANGELOG.md b/CHANGELOG.md index 36d9fcc4f496f9fece0be381728baa0ccee7d14a..8dca1170d20b31695bb008c01d191e4db520404a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,9 @@ You should also include the user name that made the change. ### Improvements - ãƒãƒ¼ãƒ«ã§åºƒå‘Šã®éžè¡¨ç¤ºãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã‚‹å ´åˆã¯æœ€åˆã‹ã‚‰åºƒå‘Šã‚’éžè¡¨ç¤ºã«ã™ã‚‹ã‚ˆã†ã« +### Bugfixes +- Client: カスタム絵文å—ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã‚’å†ç”Ÿã—ãªã„è¨å®šãŒé©ç”¨ã•ã‚Œã¦ã„ãªã„å•é¡Œã‚’ä¿®æ£ + ## 13.2.6 (2023/02/01) ### Changes - docker-compose.ymlã‚’docker-compose.yml.exampleã«ã—ã¾ã—ãŸã€‚docker-compose.ymlã¨ã—ã¦ã‚³ãƒ”ーã—ã¦ã‹ã‚‰ä½¿ç”¨ã—ã¦ãã ã•ã„。 diff --git a/packages/frontend/src/components/global/MkCustomEmoji.vue b/packages/frontend/src/components/global/MkCustomEmoji.vue index 93c47f0c2751a4ecf16ff7615107a8fe65359e91..e6dedd035457947c86c5749f6d36c92840c31237 100644 --- a/packages/frontend/src/components/global/MkCustomEmoji.vue +++ b/packages/frontend/src/components/global/MkCustomEmoji.vue @@ -18,19 +18,23 @@ const props = defineProps<{ }>(); const customEmojiName = computed(() => (props.name[0] === ':' ? props.name.substr(1, props.name.length - 2) : props.name).replace('@.', '')); -const url = computed(() => { + +const rawUrl = computed(() => { if (props.url) { return props.url; - } else if (props.host == null && !customEmojiName.value.includes('@')) { - const found = customEmojis.value.find(x => x.name === customEmojiName.value); - return found ? defaultStore.state.disableShowingAnimatedImages ? getStaticImageUrl(found.url) : found.url : null; - } else { - const rawUrl = props.host ? `/emoji/${customEmojiName.value}@${props.host}.webp` : `/emoji/${customEmojiName.value}.webp`; - return defaultStore.state.disableShowingAnimatedImages - ? getStaticImageUrl(rawUrl) - : rawUrl; } + if (props.host == null && !customEmojiName.value.includes('@')) { + return customEmojis.value.find(x => x.name === customEmojiName.value)?.url || null; + } + return props.host ? `/emoji/${customEmojiName.value}@${props.host}.webp` : `/emoji/${customEmojiName.value}.webp`; }); + +const url = computed(() => + defaultStore.reactiveState.disableShowingAnimatedImages.value && rawUrl.value + ? getStaticImageUrl(rawUrl.value) + : rawUrl.value +); + const alt = computed(() => `:${customEmojiName.value}:`); let errored = $ref(url.value == null); </script>