From 9c8eb93446da070d5105064613cd8887808226e4 Mon Sep 17 00:00:00 2001
From: DW <36347199+chocological00@users.noreply.github.com>
Date: Fri, 15 May 2020 23:15:59 -0400
Subject: [PATCH] Only show ellipsis if the button's interactable (#6373)
* Add an indicator to make the undo renote button look more interactable
* Use faEllipsisH :art
* Only show elipsis if it's interactable
* Update note.vue
Co-authored-by: DW <chocological00@gitlab.com>
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
---
src/client/components/note.vue | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/client/components/note.vue b/src/client/components/note.vue
index f30173200e..ab9d60e3ac 100644
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@@ -22,7 +22,7 @@
</i18n>
<div class="info">
<button class="_button time" @click="showRenoteMenu()" ref="renoteTime">
- <fa class="dropdownIcon" :icon="faEllipsisH"/>
+ <fa class="dropdownIcon" v-if="isMyRenote" :icon="faEllipsisH"/>
<mk-time :time="note.createdAt"/>
</button>
<span class="visibility" v-if="note.visibility !== 'public'">
@@ -196,6 +196,10 @@ export default Vue.extend({
return this.$store.getters.isSignedIn && (this.$store.state.i.id === this.appearNote.userId);
},
+ isMyRenote(): boolean {
+ return this.$store.getters.isSignedIn && (this.$store.state.i.id === this.note.userId);
+ },
+
canRenote(): boolean {
return ['public', 'home'].includes(this.appearNote.visibility) || this.isMyNote;
},
@@ -617,7 +621,7 @@ export default Vue.extend({
},
showRenoteMenu(viaKeyboard = false) {
- if (!this.$store.getters.isSignedIn || (this.$store.state.i.id !== this.note.userId)) return;
+ if (!this.isMyRenote) return;
this.$root.menu({
items: [{
text: this.$t('unrenote'),
--
GitLab