teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: show edit indicator for posts (#90)

Browse source
This commit is contained in:
Shinigami 2022-11-25 17:34:53 +01:00 committed by GitHub
parent d177753775
commit 2c774eba98
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/status/StatusCard.vue
View file

@ -82,11 +82,14 @@ const timeago = useTimeAgo(() => status.createdAt, {
<div flex> <div flex>
<StatusAccountDetails :account="status.account" /> <StatusAccountDetails :account="status.account" />
<div flex-auto /> <div flex-auto />
<div text-sm op50 flex="~ row nowrap" hover:underline>
<CommonTooltip :content="createdAt"> <CommonTooltip :content="createdAt">
<time text-sm op50 hover:underline :title="status.createdAt" :datetime="status.createdAt"> <time :title="status.createdAt" :datetime="status.createdAt">
{{ timeago }} {{ timeago }}
</time> </time>
</CommonTooltip> </CommonTooltip>
<StatusEditIndicator v-if="status.editedAt" :edited-at="status.editedAt" />
</div>
</div> </div>
<StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" pt1 /> <StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" pt1 />
<div> <div>

11
components/status/StatusEditIndicator.vue Normal file
View file

@ -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>