mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2025-01-23 02:31:39 +01:00
Code Issues Projects Releases Wiki Activity

format message time in timeFormatter as well

Browse Source
This commit is contained in:
Bruno Windels 2022-11-25 16:47:54 +01:00
parent 85a06876cd
commit 77fd7e7aca
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/domain/session/room/timeline/tiles/BaseMessageTile.js
View File

@ -84,7 +84,7 @@ export class BaseMessageTile extends SimpleTile {
} }
get time() { get time() {
return this._date && this._date.toLocaleTimeString({}, {hour: "numeric", minute: "2-digit"}); return this._date && this.timeFormatter.formatTime(this._date);
} }
get isOwn() { get isOwn() {

1
src/platform/types/types.ts
View File

@ -45,6 +45,7 @@ export type File = {
} }
export interface ITimeFormatter { export interface ITimeFormatter {
formatTime(date: Date): string;
formatRelativeDate(date: Date): string; formatRelativeDate(date: Date): string;
formatMachineReadableDate(date: Date): string; formatMachineReadableDate(date: Date): string;
} }

7
src/platform/web/dom/TimeFormatter.ts
View File

@ -29,6 +29,7 @@ export class TimeFormatter implements ITimeFormatter {
private weekdayFormatter: Intl.DateTimeFormat; private weekdayFormatter: Intl.DateTimeFormat;
private currentYearFormatter: Intl.DateTimeFormat; private currentYearFormatter: Intl.DateTimeFormat;
private otherYearFormatter: Intl.DateTimeFormat; private otherYearFormatter: Intl.DateTimeFormat;
private timeFormatter: Intl.DateTimeFormat;
constructor(private clock: Clock) { constructor(private clock: Clock) {
// don't use the clock time here as the DOM relative formatters don't support setting the reference date anyway // don't use the clock time here as the DOM relative formatters don't support setting the reference date anyway
@ -47,7 +48,13 @@ export class TimeFormatter implements ITimeFormatter {
month: 'long', month: 'long',
day: 'numeric' day: 'numeric'
}); });
this.timeFormatter = new Intl.DateTimeFormat(undefined, {hour: "numeric", minute: "2-digit"});
} }
formatTime(date: Date): string {
return this.timeFormatter.format(date);
}
formatMachineReadableDate(date: Date): string { formatMachineReadableDate(date: Date): string {
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
} }