benya/Messenger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(status): improve last-seen labels in web private chats
Some checks are pending
CI / test (push) Has started running
Details

Browse Source
This commit is contained in:
Alex
2026-03-08 20:35:57 +03:00
parent 25b6f470d5
commit 42596fba16
4 changed files with 61 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/ChatInfoPanel.tsx
View File

@@ -878,6 +878,26 @@ function formatLastSeen(value: string): string {
if (Number.isNaN(date.getTime())) {
return "recently";
}
const now = new Date();
const diffMs = now.getTime() - date.getTime();
if (diffMs < 0) {
return "recently";
}
const minute = 60 * 1000;
const hour = 60 * minute;
const day = 24 * hour;
if (diffMs < 2 * minute) {
return "just now";
}
if (diffMs < day) {
return `today at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 2 * day) {
return `yesterday at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 7 * day) {
return "recently";
}
return date.toLocaleString(undefined, {
day: "2-digit",
month: "short",

20
web/src/components/ChatList.tsx
View File

@@ -895,6 +895,26 @@ function formatLastSeen(value: string): string {
if (Number.isNaN(date.getTime())) {
return "recently";
}
const now = new Date();
const diffMs = now.getTime() - date.getTime();
if (diffMs < 0) {
return "recently";
}
const minute = 60 * 1000;
const hour = 60 * minute;
const day = 24 * hour;
if (diffMs < 2 * minute) {
return "just now";
}
if (diffMs < day) {
return `today at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 2 * day) {
return `yesterday at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 7 * day) {
return "recently";
}
return date.toLocaleString(undefined, {
day: "2-digit",
month: "short",

20
web/src/pages/ChatsPage.tsx
View File

@@ -317,6 +317,26 @@ function formatLastSeen(value: string): string {
if (Number.isNaN(date.getTime())) {
return "recently";
}
const now = new Date();
const diffMs = now.getTime() - date.getTime();
if (diffMs < 0) {
return "recently";
}
const minute = 60 * 1000;
const hour = 60 * minute;
const day = 24 * hour;
if (diffMs < 2 * minute) {
return "just now";
}
if (diffMs < day) {
return `today at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 2 * day) {
return `yesterday at ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
}
if (diffMs < 7 * day) {
return "recently";
}
return date.toLocaleString(undefined, {
day: "2-digit",
month: "short",