From fa931f35b28a2524ecdbc907a918a8585e63fed4 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Tue, 8 Oct 2024 10:34:00 +0200
Subject: [PATCH] Add timestamps to ticket chat bubbles

---
 .../tickets/[id]/@detail/_components/TicketDetail.tsx       | 6 ++++--
 apps/link/app/_graphql/getTicketArticlesQuery.ts            | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/link/app/(main)/tickets/[id]/@detail/_components/TicketDetail.tsx b/apps/link/app/(main)/tickets/[id]/@detail/_components/TicketDetail.tsx
index d24d34a..ab62874 100644
--- a/apps/link/app/(main)/tickets/[id]/@detail/_components/TicketDetail.tsx
+++ b/apps/link/app/(main)/tickets/[id]/@detail/_components/TicketDetail.tsx
@@ -109,13 +109,15 @@ export const TicketDetail: FC<TicketDetailProps> = ({ id }) => {
                     }
                     model={{
                       message: article.bodyWithUrls,
-                      sentTime: article.updated_at,
+                      sentTime: article.updatedAt,
                       sender: article.from,
                       direction:
                         article.sender === "Agent" ? "outgoing" : "incoming",
                       position: "single",
                     }}
-                  />
+                  >
+                    <Message.Header sender={article.sender?.name} sentTime={new Date(article.updatedAt).toLocaleString()} />
+                  </Message>
                 ))}
               </MessageList>
             </ChatContainer>
diff --git a/apps/link/app/_graphql/getTicketArticlesQuery.ts b/apps/link/app/_graphql/getTicketArticlesQuery.ts
index c652135..aec391b 100644
--- a/apps/link/app/_graphql/getTicketArticlesQuery.ts
+++ b/apps/link/app/_graphql/getTicketArticlesQuery.ts
@@ -19,6 +19,7 @@ query getTicketArticles($ticketId: ID!) {
             emailAddress
           }
         }
+        updatedAt
       }
     }
   }