From 76c8e6b11b672c645a42f0353df24968a4fab685 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Sun, 28 May 2023 14:53:16 +0200
Subject: [PATCH] client: display note update time

---
 packages/client/src/components/note-detailed.vue | 6 ++++++
 packages/client/src/components/note-header.vue   | 7 +++++++
 2 files changed, 13 insertions(+)

diff --git a/packages/client/src/components/note-detailed.vue b/packages/client/src/components/note-detailed.vue
index 152130f68..cb41541b6 100644
--- a/packages/client/src/components/note-detailed.vue
+++ b/packages/client/src/components/note-detailed.vue
@@ -79,6 +79,12 @@
 					<MkA class="created-at" :to="notePage(appearNote)">
 						<MkTime :time="appearNote.createdAt" mode="detail"/>
 					</MkA>
+					<!-- TODO link to edit history? -->
+					<div v-if="appearNote.updatedAt != null">
+						<i class="fas fa-pencil"></i>
+						{{ i18n.ts.updatedAt }}
+						<MkTime :time="appearNote.updatedAt" mode="detail"/>
+					</div>
 				</div>
 				<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
 				<button class="button _button" @click="reply()">
diff --git a/packages/client/src/components/note-header.vue b/packages/client/src/components/note-header.vue
index 7479c3664..d2ac4da20 100644
--- a/packages/client/src/components/note-header.vue
+++ b/packages/client/src/components/note-header.vue
@@ -9,6 +9,9 @@
 		<MkA class="created-at" :to="notePage(note)">
 			<MkTime :time="note.createdAt"/>
 		</MkA>
+		<span class="updated-at" v-if="note.updatedAt != null" ref="updatedEl">
+			<i class="fas fa-pencil"></i>
+		</span>
 		<MkVisibility :note="note"/>
 	</div>
 </header>
@@ -69,6 +72,10 @@ defineProps<{
 		flex-shrink: 0;
 		margin-left: auto;
 		font-size: 0.9em;
+
+		> .updated-at {
+			margin-left: var(--marginHalf);
+		}
 	}
 }
 </style>