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 f30173200..ab9d60e3a 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'),