klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 05:39:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show chat message timestamp on hover in chat view

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-07-12 16:04:37 +05:30
parent e00c6b486e
commit aeaebfb515
1 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/interface/web/app/components/chatMessage/chatMessage.tsx
View File

@@ -274,28 +274,36 @@ export default function ChatMessage(props: ChatMessageProps) {
return null; return null;
} }
function formatDate(timestamp: string) {
// Format date in HH:MM, DD MMM YYYY format
let date = new Date(timestamp + "Z");
let time_string = date.toLocaleTimeString('en-IN', { hour: '2-digit', minute: '2-digit', hour12: true }).toUpperCase();
let date_string = date.toLocaleString('en-IN', { year: 'numeric', month: 'short', day: '2-digit'}).replaceAll('-', ' ');
return `${time_string} on ${date_string}`;
}
function renderTimeStamp(timestamp: string) { function renderTimeStamp(timestamp: string) {
if (!timestamp.endsWith('Z')) { if (!timestamp.endsWith('Z')) {
timestamp = timestamp + 'Z'; timestamp = timestamp + 'Z';
} }
const messageDateTime = new Date(timestamp); const messageDateTime = new Date(timestamp);
const currentDataTime = new Date(); const currentDateTime = new Date();
const timeDiff = currentDataTime.getTime() - messageDateTime.getTime(); const timeDiff = currentDateTime.getTime() - messageDateTime.getTime();
if (timeDiff < 60000) { if (timeDiff < 60e3) {
return "Just now"; return "Just now";
} }
if (timeDiff < 3600000) { if (timeDiff < 3600e3) {
// Using Math.round for closer to actual time representation // Using Math.round for closer to actual time representation
return `${Math.round(timeDiff / 60000)}m ago`; return `${Math.round(timeDiff / 60e3)}m ago`;
} }
if (timeDiff < 86400000) { if (timeDiff < 86400e3) {
return `${Math.round(timeDiff / 3600000)}h ago`; return `${Math.round(timeDiff / 3600e3)}h ago`;
} }
return `${Math.round(timeDiff / 86400000)}d ago`; return `${Math.round(timeDiff / 86400e3)}d ago`;
} }
function constructClasses(chatMessage: SingleChatMessage) { function constructClasses(chatMessage: SingleChatMessage) {
@@ -343,7 +351,7 @@ export default function ChatMessage(props: ChatMessageProps) {
isHovering && isHovering &&
( (
<> <>
<div className={`text-gray-400 relative top-2 left-2`}> <div title={formatDate(props.chatMessage.created)} className={`text-gray-400 relative top-2 left-2`}>
{renderTimeStamp(props.chatMessage.created)} {renderTimeStamp(props.chatMessage.created)}
</div> </div>
<div className={styles.chatButtons}> <div className={styles.chatButtons}>