diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js index 88ce38953..678d44af4 100644 --- a/src/components/chat_message/chat_message.js +++ b/src/components/chat_message/chat_message.js @@ -64,27 +64,25 @@ const ChatMessage = { Timeago, }, computed: { - isMessage() { - return this.chatItem.type === 'message' - }, - message() { - if (!this.isMessage) return null - return this.chatItem.data.retweeted_status ?? this.chatItem.data - }, isStatus() { // ChatMessage only has account_id while Status has full user data return !!this.message.user }, author() { - const accountId = this.isStatus ? this.message.user.id : this.message.account_id + const accountId = this.message.account_id || this.message.user.id return this.$store.getters.findUser(accountId) }, isCurrentUser() { return this.author.id === this.currentUser.id }, - - // Reply stuff + message() { + if (!this.isMessage) return null + return this.chatItem.data.retweeted_status ?? this.chatItem.data + }, + isMessage() { + return this.chatItem.type === 'message' + }, isCustomReply() { if (!this.previousItem) return false if (!this.message.in_reply_to_status_id) return false @@ -118,8 +116,6 @@ const ChatMessage = { return user ? user.statusnet_profile_url : 'NOT_FOUND' } }, - - // Quote stuff quoteId() { return this.message.quote_id }, @@ -129,8 +125,6 @@ const ChatMessage = { quoteVisible() { return this.message.quote_visible }, - - // Content messageForStatusContent() { return { ...this.message, @@ -143,8 +137,6 @@ const ChatMessage = { hasAttachment() { return this.message.attachments.length > 0 }, - - // Stylistic classnames() { return { '-outgoing': this.isCurrentUser, @@ -153,15 +145,6 @@ const ChatMessage = { '-focused': this.focused, } }, - popoverMarginStyle() { - if (this.isCurrentUser) { - return {} - } else { - return { left: 50 } - } - }, - - // Global stuff ...mapPiniaState(useInterfaceStore, { betterShadow: (store) => store.browserSupport.cssFilter, }), @@ -169,7 +152,14 @@ const ChatMessage = { currentUser: (state) => state.users.currentUser, restrictedNicknames: (state) => useInstanceStore().restrictedNicknames, }), - ...mapPiniaState(useMergedConfigStore, ['mergedConfig']), + popoverMarginStyle() { + if (this.isCurrentUser) { + return {} + } else { + return { left: 50 } + } + }, + ...mapPiniaState(useMergedConfigStore, ['mergedConfig', 'findUser']), }, data() { return { diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue index a5c0627a2..1906444fe 100644 --- a/src/components/chat_message/chat_message.vue +++ b/src/components/chat_message/chat_message.vue @@ -145,12 +145,8 @@ :full-content="true" >