From 8a5b8d7f90028bc0974a35a06fe9b09caddb43cc Mon Sep 17 00:00:00 2001
From: H0llyW00dzZ <priv8@btz.pm>
Date: Fri, 29 Dec 2023 20:52:46 +0700
Subject: [PATCH] Feat [UI/UX Page] [Chats] Displaying Models

- [+] chore(chat.module.scss): update opacity value for .chat-message-action-date class
- [+] feat(chat.tsx): update logic for displaying message date and model information in .chat-message-action-date element
---
 app/components/chat.module.scss | 2 +-
 app/components/chat.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index 16790ccb1..6384eb476 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -383,7 +383,7 @@
 
 .chat-message-action-date {
   font-size: 12px;
-  opacity: 0.2;
+  opacity: 0.6;
   white-space: nowrap;
   transition: all ease 0.6s;
   color: var(--black);
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 39abdd97b..93a405b35 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -1251,8 +1251,8 @@ function _Chat() {
 
                   <div className={styles["chat-message-action-date"]}>
                     {isContext
-                      ? Locale.Chat.IsContext
-                      : message.date.toLocaleString()}
+                      ? `${Locale.Chat.IsContext} - ${Locale.Exporter.Model}: ${message.model || session.mask.modelConfig.model}`
+                      : `${Locale.Exporter.Time}: ${message.date.toLocaleString()} - ${Locale.Exporter.Model}: ${message.model || session.mask.modelConfig.model}`}
                   </div>
                 </div>
               </div>