From 2c774eba987677b7c8f37a7f8fec95efd05f00c6 Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Fri, 25 Nov 2022 17:34:53 +0100
Subject: [PATCH] feat: show edit indicator for posts (#90)

---
 components/status/StatusCard.vue          | 13 ++++++++-----
 components/status/StatusEditIndicator.vue | 11 +++++++++++
 2 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 components/status/StatusEditIndicator.vue

diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 0c24a180..0e6f8a03 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -82,11 +82,14 @@ const timeago = useTimeAgo(() => status.createdAt, {
         <div flex>
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />
-          <CommonTooltip :content="createdAt">
-            <time text-sm op50 hover:underline :title="status.createdAt" :datetime="status.createdAt">
-              {{ timeago }}
-            </time>
-          </CommonTooltip>
+          <div text-sm op50 flex="~ row nowrap" hover:underline>
+            <CommonTooltip :content="createdAt">
+              <time :title="status.createdAt" :datetime="status.createdAt">
+                {{ timeago }}
+              </time>
+            </CommonTooltip>
+            <StatusEditIndicator v-if="status.editedAt" :edited-at="status.editedAt" />
+          </div>
         </div>
         <StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" pt1 />
         <div>
diff --git a/components/status/StatusEditIndicator.vue b/components/status/StatusEditIndicator.vue
new file mode 100644
index 00000000..98de2a90
--- /dev/null
+++ b/components/status/StatusEditIndicator.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const props = defineProps<{ editedAt: string }>()
+
+const editedAt = useFormattedDateTime(props.editedAt)
+</script>
+
+<template>
+  <CommonTooltip :content="`Edited ${editedAt}`">
+    <time :title="props.editedAt" :datetime="props.editedAt" underline decoration-dashed>&nbsp;*</time>
+  </CommonTooltip>
+</template>