diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 678d44af4..88ce38953 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -64,25 +64,27 @@ 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.message.account_id || this.message.user.id
+ const accountId = this.isStatus ? this.message.user.id : this.message.account_id
return this.$store.getters.findUser(accountId)
},
isCurrentUser() {
return this.author.id === this.currentUser.id
},
- message() {
- if (!this.isMessage) return null
- return this.chatItem.data.retweeted_status ?? this.chatItem.data
- },
- isMessage() {
- return this.chatItem.type === 'message'
- },
+
+ // Reply stuff
isCustomReply() {
if (!this.previousItem) return false
if (!this.message.in_reply_to_status_id) return false
@@ -116,6 +118,8 @@ const ChatMessage = {
return user ? user.statusnet_profile_url : 'NOT_FOUND'
}
},
+
+ // Quote stuff
quoteId() {
return this.message.quote_id
},
@@ -125,6 +129,8 @@ const ChatMessage = {
quoteVisible() {
return this.message.quote_visible
},
+
+ // Content
messageForStatusContent() {
return {
...this.message,
@@ -137,6 +143,8 @@ const ChatMessage = {
hasAttachment() {
return this.message.attachments.length > 0
},
+
+ // Stylistic
classnames() {
return {
'-outgoing': this.isCurrentUser,
@@ -145,13 +153,6 @@ const ChatMessage = {
'-focused': this.focused,
}
},
- ...mapPiniaState(useInterfaceStore, {
- betterShadow: (store) => store.browserSupport.cssFilter,
- }),
- ...mapState({
- currentUser: (state) => state.users.currentUser,
- restrictedNicknames: (state) => useInstanceStore().restrictedNicknames,
- }),
popoverMarginStyle() {
if (this.isCurrentUser) {
return {}
@@ -159,7 +160,16 @@ const ChatMessage = {
return { left: 50 }
}
},
- ...mapPiniaState(useMergedConfigStore, ['mergedConfig', 'findUser']),
+
+ // Global stuff
+ ...mapPiniaState(useInterfaceStore, {
+ betterShadow: (store) => store.browserSupport.cssFilter,
+ }),
+ ...mapState({
+ currentUser: (state) => state.users.currentUser,
+ restrictedNicknames: (state) => useInstanceStore().restrictedNicknames,
+ }),
+ ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
},
data() {
return {
diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index 1906444fe..a5c0627a2 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -145,8 +145,12 @@
:full-content="true"
>
-
{{ $t('post_status.direct_warning_to_first_only') }} diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue index b0479321c..0f9260c4a 100644 --- a/src/components/user_panel/user_panel.vue +++ b/src/components/user_panel/user_panel.vue @@ -39,9 +39,7 @@ } .post-status-form { - form { - margin-top: 0; - } + margin: 0.5em; } .signed-in {