diff --git a/src/components/status/status.js b/src/components/status/status.js index 10716583..5390d5de 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -53,6 +53,9 @@ const Status = { const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user return highlightClass(user) }, + deleted() { + return this.statusoid.deleted + }, repeaterStyle () { const user = this.statusoid.user const highlight = this.$store.state.config.highlight diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 9f65f281..137b0b0d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -1,5 +1,5 @@ <template> - <div class="status-el" v-if="!hideReply" :class="[{ 'status-el_focused': isFocused }, { 'status-conversation': inlineExpanded }]"> + <div class="status-el" v-if="(!hideReply) && (!deleted)" :class="[{ 'status-el_focused': isFocused }, { 'status-conversation': inlineExpanded }]"> <template v-if="muted && !noReplyLinks"> <div class="media status container muted"> <small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small> @@ -26,6 +26,7 @@ </div> <div class="status-body"> <div class="usercard media-body" v-if="userExpanded"> + <user-card-content :user="status.user" :switcher="false"></user-card-content> </div> <div v-if="!noHeading" class="media-body container media-heading">