diff options
| -rw-r--r-- | src/components/status/status.js | 8 | ||||
| -rw-r--r-- | src/components/status/status.vue | 1 |
2 files changed, 8 insertions, 1 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js index f2881742..39a1b236 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -38,6 +38,7 @@ const Status = { showPreview: false, showingTall: this.inConversation && this.focused, showingLongSubject: false, + error: null, expandingSubject: typeof this.$store.state.config.collapseMessageWithSubject === 'undefined' ? !this.$store.state.instance.collapseMessageWithSubject : !this.$store.state.config.collapseMessageWithSubject, @@ -359,7 +360,12 @@ const Status = { }, pinStatus () { this.$store.state.api.backendInteractor.pinOwnStatus(this.status.id).then((status) => { - this.$store.dispatch('updatePinned', status) + if (status.error) { + this.error = status.error + setTimeout(() => this.error = null, 5000) + } else { + this.$store.dispatch('updatePinned', status) + } }) }, unpinStatus () { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index ca5e4a1c..d55f3d95 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -1,5 +1,6 @@ <template> <div class="status-el" v-if="!hideStatus" :class="[{ 'status-el_focused': isFocused }, { 'status-conversation': inlineExpanded }]"> + <div v-if="error" class="alert error">{{error}}</div> <template v-if="muted && !isPreview"> <div class="media status container muted"> <small> |