From b89bd567748d86da263ef1d549036bbced66ef28 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Mon, 26 Aug 2024 16:19:57 +1200
Subject: [PATCH] show message details on click

---
 src/public/text-messages-embed.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/public/text-messages-embed.html b/src/public/text-messages-embed.html
index f64d628..3ede86b 100644
--- a/src/public/text-messages-embed.html
+++ b/src/public/text-messages-embed.html
@@ -70,9 +70,12 @@
                         </div>
 
                         <!-- message -->
-                        <div class="flex">
-                            <div class="border border-gray-300 rounded-xl shadow overflow-hidden bg-[#efefef]">
+                        <div @click="message.is_details_expanded = !message.is_details_expanded" class="flex">
+                            <div class="border border-gray-300 rounded-xl shadow overflow-hidden bg-[#efefef] divide-y">
                                 <div class="w-full space-y-0.5 px-2.5 py-1" v-html="escapeMessageText(message.text)" style="white-space:pre-wrap;word-break:break-word;"></div>
+                                <div v-if="message.is_details_expanded" class="text-xs text-gray-500 px-2 py-1">
+                                    <span :title="message.created_at">{{ moment(new Date(message.created_at)).fromNow() }}</span>
+                                </div>
                             </div>
                         </div>