2022-11-18 09:37:22 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
import type { Conversation } from 'masto'
|
|
|
|
|
2022-12-06 23:51:29 +00:00
|
|
|
const { conversation } = defineProps<{
|
2022-11-18 09:37:22 +00:00
|
|
|
conversation: Conversation
|
|
|
|
}>()
|
2022-12-06 23:51:29 +00:00
|
|
|
|
|
|
|
const withAccounts = $computed(() =>
|
|
|
|
conversation.accounts.filter(account => account.id !== conversation.lastStatus?.account.id),
|
|
|
|
)
|
2022-11-18 09:37:22 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-12-07 13:31:29 +00:00
|
|
|
<article v-if="conversation.lastStatus" flex flex-col gap-2>
|
2022-12-13 14:56:00 +00:00
|
|
|
<StatusCard v-if="conversation.lastStatus" :status="conversation.lastStatus" :actions="false">
|
|
|
|
<template #meta>
|
|
|
|
<div flex gap-2 text-sm text-secondary font-bold>
|
|
|
|
<p mr-1>
|
|
|
|
{{ $t('conversation.with') }}
|
|
|
|
</p>
|
|
|
|
<AccountAvatar v-for="account in withAccounts" :key="account.id" h-5 w-5 :account="account" />
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</StatusCard>
|
2022-11-27 23:29:21 +00:00
|
|
|
</article>
|
2022-11-18 09:37:22 +00:00
|
|
|
</template>
|