@@ -142,9 +145,9 @@
>
{
return didCloseReport.value || props.report.closed
})
+const threadWithReportBody = computed(() => {
+ if (!props.report.thread) return null
+
+ const reportBodyMessage = {
+ id: `report-body-${props.report.id}`,
+ author_id: props.report.reporter_user.id,
+ body: {
+ type: 'text' as const,
+ body: props.report.body || 'Report opened.',
+ private: false,
+ replying_to: null,
+ associated_images: [],
+ },
+ created: props.report.created,
+ hide_identity: false,
+ }
+
+ return {
+ ...props.report.thread,
+ messages: [reportBodyMessage, ...props.report.thread.messages],
+ members: [props.report.reporter_user, ...props.report.thread.members],
+ }
+})
+
const remainingMessageCount = computed(() => {
if (!props.report.thread?.messages) return 0
- return Math.max(0, props.report.thread.messages.length - 1)
+ // Thread messages count (report body is injected separately)
+ return props.report.thread.messages.length
})
const expandText = computed(() => {