From dbbd4b9777b72092850b2270e6db0b5b19a0961a Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sun, 14 Jul 2024 10:29:28 +0530
Subject: [PATCH] Show action bar on last chat message without hover

---
 .../web/app/components/chatHistory/chatHistory.tsx          | 6 +++++-
 .../web/app/components/chatMessage/chatMessage.tsx          | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/interface/web/app/components/chatHistory/chatHistory.tsx b/src/interface/web/app/components/chatHistory/chatHistory.tsx
index b4711edf..c9b44f7d 100644
--- a/src/interface/web/app/components/chatHistory/chatHistory.tsx
+++ b/src/interface/web/app/components/chatHistory/chatHistory.tsx
@@ -251,6 +251,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
                             chatMessage={chatMessage}
                             customClassName='fullHistory'
                             borderLeftColor='orange-500'
+                            isLastMessage={index === data.chat.length - 1}
                         />
                     ))}
                     {
@@ -271,7 +272,8 @@ export default function ChatHistory(props: ChatHistoryProps) {
                                             }
                                         }
                                         customClassName='fullHistory'
-                                        borderLeftColor='orange-500' />
+                                        borderLeftColor='orange-500'
+                                    />
                                     {
                                         message.trainOfThought &&
                                         constructTrainOfThought(
@@ -295,6 +297,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
                                         }
                                         customClassName='fullHistory'
                                         borderLeftColor='orange-500'
+                                        isLastMessage={true}
                                     />
                                 </>
                             )
@@ -317,6 +320,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
                             }
                             customClassName='fullHistory'
                             borderLeftColor='orange-500'
+                            isLastMessage={true}
                         />
                     }
                     <div className={`${styles.agentIndicator}`}>
diff --git a/src/interface/web/app/components/chatMessage/chatMessage.tsx b/src/interface/web/app/components/chatMessage/chatMessage.tsx
index 3edec436..76e43b4b 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.tsx
+++ b/src/interface/web/app/components/chatMessage/chatMessage.tsx
@@ -146,6 +146,7 @@ interface ChatMessageProps {
     isMobileWidth: boolean;
     customClassName?: string;
     borderLeftColor?: string;
+    isLastMessage?: boolean;
 }
 
 interface TrainOfThoughtProps {
@@ -349,7 +350,7 @@ export default function ChatMessage(props: ChatMessageProps) {
             </div>
             <div className={styles.chatFooter}>
                 {
-                    (isHovering || props.isMobileWidth) &&
+                    (isHovering || props.isMobileWidth || props.isLastMessage) &&
                     (
                         <>
                             <div title={formatDate(props.chatMessage.created)} className={`text-gray-400 relative top-0 left-4`}>