aboutsummaryrefslogtreecommitdiff
path: root/src/components/status/status.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2020-10-12 06:05:21 +0000
committerShpuld Shpludson <shp@cock.li>2020-10-12 06:05:21 +0000
commitd86cd3e850fe1c47a52b7730fec126f5787ab439 (patch)
tree65848d473255432819229b0abca542f1c3a37539 /src/components/status/status.vue
parent3ca729d09880813420a263221cdc68bcca13a1fb (diff)
parent414558665f8370390cf4c6dc3c79745217d8d522 (diff)
Merge branch 'feat/masto-ws-deletes' into 'develop'
Support for WS deletes See merge request pleroma/pleroma-fe!1227
Diffstat (limited to 'src/components/status/status.vue')
-rw-r--r--src/components/status/status.vue40
1 files changed, 25 insertions, 15 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index aa67e433..ffae32fc 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -95,6 +95,7 @@
</div>
<div
+ v-if="!deleted"
:class="[userClass, { highlighted: userStyle, '-repeat': retweet && !inConversation }]"
:style="[ userStyle ]"
class="status-container"
@@ -323,21 +324,11 @@
v-if="!noHeading && !isPreview"
class="status-actions"
>
- <div>
- <i
- v-if="loggedIn"
- class="button-icon button-reply icon-reply"
- :title="$t('tool_tip.reply')"
- :class="{'-active': replying}"
- @click.prevent="toggleReplying"
- />
- <i
- v-else
- class="button-icon button-reply -disabled icon-reply"
- :title="$t('tool_tip.reply')"
- />
- <span v-if="status.replies_count > 0">{{ status.replies_count }}</span>
- </div>
+ <reply-button
+ :replying="replying"
+ :status="status"
+ @toggle="toggleReplying"
+ />
<retweet-button
:visibility="status.visibility"
:logged-in="loggedIn"
@@ -361,6 +352,25 @@
</div>
</div>
<div
+ v-else
+ class="gravestone"
+ >
+ <div class="left-side">
+ <UserAvatar :compact="compact" />
+ </div>
+ <div class="right-side">
+ <div class="deleted-text">
+ {{ $t('status.status_deleted') }}
+ </div>
+ <reply-button
+ v-if="replying"
+ :replying="replying"
+ :status="status"
+ @toggle="toggleReplying"
+ />
+ </div>
+ </div>
+ <div
v-if="replying"
class="status-container reply-form"
>