From 50d8b0048b813b1b95e0ee62db573ff344d11f45 Mon Sep 17 00:00:00 2001
From: mei23 <m@m544.net>
Date: Thu, 28 Sep 2023 22:38:12 +0900
Subject: [PATCH] Edit mark

---
 src/client/app/common/views/components/note-header.vue  | 9 +++++----
 src/client/app/desktop/views/components/note-detail.vue | 8 +++++++-
 src/client/app/desktop/views/components/note.vue        | 8 +++++++-
 src/client/app/mobile/views/components/note-detail.vue  | 8 +++++++-
 4 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/client/app/common/views/components/note-header.vue b/src/client/app/common/views/components/note-header.vue
index 66af6862fab7..ef5b0290a860 100644
--- a/src/client/app/common/views/components/note-header.vue
+++ b/src/client/app/common/views/components/note-header.vue
@@ -9,6 +9,7 @@
 		<span class="mobile" v-if="note.viaMobile"><fa icon="mobile-alt"/></span>
 		<router-link v-if="noteUrl.startsWith('/')" class="created-at" :to="noteUrl"><mk-time :time="note.createdAt"/></router-link>
 		<a v-else class="created-at" :href="noteUrl"><mk-time :time="note.createdAt"/></a>
+		<span class="edited" v-if="note.updatedAt != null"><fa :icon="faEdit"/></span>
 		<x-visibility-icon class="visibility" :v="note.visibility" :localOnly="note.localOnly" :copyOnce="note.copyOnce"/>
 		<span class="remote" title="Remote post" v-if="note.user.host != null"><fa :icon="faGlobeAmericas"/></span>
 	</div>
@@ -18,7 +19,7 @@
 <script lang="ts">
 import Vue from 'vue';
 import i18n from '../../../i18n';
-import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons';
+import { faGlobeAmericas, faEdit } from '@fortawesome/free-solid-svg-icons';
 import XVisibilityIcon from '../../../common/views/components/visibility-icon.vue';
 import XUserBadges from '../../../common/views/components/user-badges.vue';
 import getAcct from '../../../../../misc/acct/render';
@@ -31,7 +32,7 @@ export default Vue.extend({
 	},
 	data() {
 		return {
-			faGlobeAmericas,
+			faGlobeAmericas, faEdit,
 		}
 	},
 	props: {
@@ -102,8 +103,8 @@ export default Vue.extend({
 		> *
 			color var(--noteHeaderInfo)
 
-		> .mobile
-			margin-right 8px
+		> .edited
+			margin-left 8px
 
 		> .visibility
 			margin-left 0.5em
diff --git a/src/client/app/desktop/views/components/note-detail.vue b/src/client/app/desktop/views/components/note-detail.vue
index 004c1ef5a62c..a548833859a6 100644
--- a/src/client/app/desktop/views/components/note-detail.vue
+++ b/src/client/app/desktop/views/components/note-detail.vue
@@ -58,6 +58,11 @@
 				{{ }}
 				<mk-time :time="appearNote.createdAt" mode="detail"/>
 			</router-link>
+			<div class="time" v-if="appearNote.updatedAt != null">
+				<fa :icon="faEdit"/>
+				{{ }}
+				<mk-time :time="appearNote.updatedAt" mode="detail"/>
+			</div>
 			<div class="visibility-info">
 				<x-visibility-icon class="visibility" :v="appearNote.visibility" :localOnly="appearNote.localOnly" :copyOnce="appearNote.copyOnce" :withText="true"/>
 			</div>
@@ -108,6 +113,7 @@ import XSub from './note.sub.vue';
 import noteSubscriber from '../../../common/scripts/note-subscriber';
 import noteMixin from '../../../common/scripts/note-mixin';
 import { faClock, faLaugh } from '@fortawesome/free-regular-svg-icons';
+import { faEdit } from '@fortawesome/free-solid-svg-icons';
 import XVisibilityIcon from '../../../common/views/components/visibility-icon.vue';
 import XInstanceInfo from '../../../common/views/components/instance-info.vue';
 
@@ -134,7 +140,7 @@ export default Vue.extend({
 
 	data() {
 		return {
-			faClock, faLaugh,
+			faClock, faLaugh, faEdit,
 			conversation: [],
 			conversationFetching: false,
 			replies: []
diff --git a/src/client/app/desktop/views/components/note.vue b/src/client/app/desktop/views/components/note.vue
index 9d7cb5f3231b..987141098ac4 100644
--- a/src/client/app/desktop/views/components/note.vue
+++ b/src/client/app/desktop/views/components/note.vue
@@ -67,6 +67,11 @@
 					{{ }}
 					<mk-time :time="appearNote.createdAt" mode="detail"/>
 				</router-link>
+				<div  v-if="detail && appearNote.updatedAt != null" class="time">
+					<fa :icon="faEdit"/>
+					{{ }}
+					<mk-time :time="appearNote.updatedAt" mode="detail"/>
+				</div>
 				<div v-if="detail" class="visibility-info">
 					<x-visibility-icon class="visibility" :v="appearNote.visibility" :localOnly="appearNote.localOnly" :copyOnce="appearNote.copyOnce" :withText="true"/>
 				</div>
@@ -122,6 +127,7 @@ import XSub from './note.sub.vue';
 import noteMixin from '../../../common/scripts/note-mixin';
 import noteSubscriber from '../../../common/scripts/note-subscriber';
 import { faClock, faLaugh } from '@fortawesome/free-regular-svg-icons';
+import { faEdit } from '@fortawesome/free-solid-svg-icons';
 import XInstanceInfo from '../../../common/views/components/instance-info.vue';
 import XVisibilityIcon from '../../../common/views/components/visibility-icon.vue';
 
@@ -182,7 +188,7 @@ export default Vue.extend({
 
 	data() {
 		return {
-			faClock, faLaugh,
+			faClock, faLaugh, faEdit,
 			conversation: [],
 			replies: []
 		};
diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue
index 6eafe92dd4df..d0cf32af238f 100644
--- a/src/client/app/mobile/views/components/note-detail.vue
+++ b/src/client/app/mobile/views/components/note-detail.vue
@@ -56,6 +56,11 @@
 			{{ }}
 			<mk-time :time="appearNote.createdAt" mode="detail"/>
 		</router-link>
+		<div  class="time" v-if="appearNote.updatedAt != null">
+			<fa :icon="faEdit"/>
+			{{ }}
+			<mk-time :time="appearNote.updatedAt" mode="detail"/>
+		</div>
 		<div class="visibility-info">
 			<x-visibility-icon class="visibility" :v="appearNote.visibility" :localOnly="appearNote.localOnly" :copyOnce="appearNote.copyOnce" :withText="true"/>
 		</div>
@@ -107,6 +112,7 @@ import XSub from './note.sub.vue';
 import noteSubscriber from '../../../common/scripts/note-subscriber';
 import noteMixin from '../../../common/scripts/note-mixin';
 import { faClock, faLaugh } from '@fortawesome/free-regular-svg-icons';
+import { faEdit } from '@fortawesome/free-solid-svg-icons';
 import XVisibilityIcon from '../../../common/views/components/visibility-icon.vue';
 import XInstanceInfo from '../../../common/views/components/instance-info.vue';
 
@@ -133,7 +139,7 @@ export default Vue.extend({
 
 	data() {
 		return {
-			faClock, faLaugh,
+			faClock, faLaugh, faEdit,
 			conversation: [],
 			conversationFetching: false,
 			replies: []