From df2d1f823b50d15f3aa08d600bbcf450fd49ac78 Mon Sep 17 00:00:00 2001
From: Tami Takamiya <ttakamiy@redhat.com>
Date: Wed, 6 Nov 2024 12:18:53 -0500
Subject: [PATCH] Set timestamp when a message is received (#1384)

---
 ansible_ai_connect_chatbot/src/useChatbot/useChatbot.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ansible_ai_connect_chatbot/src/useChatbot/useChatbot.ts b/ansible_ai_connect_chatbot/src/useChatbot/useChatbot.ts
index 654e638e9..19e6c2ccc 100644
--- a/ansible_ai_connect_chatbot/src/useChatbot/useChatbot.ts
+++ b/ansible_ai_connect_chatbot/src/useChatbot/useChatbot.ts
@@ -24,12 +24,18 @@ export const readCookie = (name: string): string | null => {
   return null;
 };
 
+const getTimestamp = () => {
+  const date = new Date();
+  return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
+};
+
 export const botMessage = (content: string): MessageProps => ({
   role: "bot",
   content,
   name: botName,
   avatar:
     "https://access.redhat.com/sites/default/files/images/product_icon-red_hat-ansible_automation_platform-rgb_0.png",
+  timestamp: getTimestamp(),
   actions: {
     positive: { onClick: () => console.log("Good response") },
     negative: { onClick: () => console.log("Bad response") },
@@ -67,6 +73,7 @@ export const useChatbot = () => {
       name: userName,
       avatar:
         "https://developers.redhat.com/sites/default/files/inline-images/Skill%20development_0.png",
+      timestamp: getTimestamp(),
       referenced_documents: [],
     };
     setMessages((msgs: ExtendedMessage[]) => [...msgs, userMessage]);