monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-09 13:44:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

format age

Browse source
This commit is contained in:
Christian Fehmer 2025-08-07 16:42:13 +02:00 • committed by Christian Fehmer
parent 9ca74b426e
commit 9d239e53f6
1 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/ts/pages/friends.ts
View file

@ -3,10 +3,10 @@ import * as Skeleton from "../utils/skeleton";
import { SimpleModal } from "../utils/simple-modal";
import Ape from "../ape";
import {
FormatDurationOptions,
intervalToDuration,
format as dateFormat,
formatDuration,
DurationUnit,
} from "date-fns";
import * as Notifications from "../elements/notifications";
import { isSafeNumber } from "@monkeytype/util/numbers";
@ -155,7 +155,7 @@ function buildFriendRow(entry: Friend): HTMLTableRowElement {
</div>
</div>
</td>
<td>${formatAge(entry.addedAt, ["years", "days"])}</td>
<td>${formatAge(entry.addedAt, "short")}</td>
<td aria-label="total xp: ${
isSafeNumber(entry.xp) ? formatXp(entry.xp) : ""
}" data-balloon-pos="top">
@ -205,13 +205,32 @@ function buildFriendRow(entry: Friend): HTMLTableRowElement {
function formatAge(
timestamp: number | undefined,
format: FormatDurationOptions["format"] = ["days", "hours", "minutes"]
format?: "short" | "full"
): string {
const units: Array<DurationUnit> = [
"years",
"months",
"days",
"hours",
"minutes",
];
if (timestamp === undefined) return "";
const formatted = formatDuration(
intervalToDuration({ start: timestamp, end: Date.now() }),
{ format }
);
let formatted = "";
const duration = intervalToDuration({ start: timestamp, end: Date.now() });
if (format === undefined || format === "full") {
formatted = formatDuration(duration, { format: units });
} else {
for (const unit of units) {
const value = duration[unit];
if (value !== undefined && value > 0) {
formatted = `${value} ${unit}`;
break;
}
}
}
return formatted !== "" ? formatted : "less then a minute";
}