feat(revisions): display date in relative time

This commit is contained in:
Elian Doran
2026-04-18 13:30:09 +03:00
parent 315a97701b
commit 6436e56448
2 changed files with 6 additions and 3 deletions

View File

@@ -1,6 +1,6 @@
import "./revisions.css";
import type { RevisionItem, RevisionPojo } from "@triliumnext/commons";
import { dayjs, type RevisionItem, type RevisionPojo } from "@triliumnext/commons";
import clsx from "clsx";
import { diffWords } from "diff";
import HtmlDiff from "htmldiff-js";
@@ -214,8 +214,8 @@ function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: Re
{item.description}
</div>
)}
<div className="revision-item-date">
{item.dateCreated && item.dateCreated.substr(0, 16)}
<div className="revision-item-date" title={item.dateCreated?.substring(0, 16)}>
{item.dateCreated && dayjs(item.dateCreated).fromNow()}
</div>
<div className="revision-item-meta">
<span className="revision-item-size">

View File

@@ -7,6 +7,7 @@ import "dayjs/plugin/isoWeek";
import "dayjs/plugin/isSameOrAfter";
import "dayjs/plugin/isSameOrBefore";
import "dayjs/plugin/quarterOfYear";
import "dayjs/plugin/relativeTime";
import "dayjs/plugin/utc";
//#region Plugins
@@ -17,6 +18,7 @@ import isoWeek from "dayjs/plugin/isoWeek.js";
import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
import quarterOfYear from "dayjs/plugin/quarterOfYear.js";
import relativeTime from "dayjs/plugin/relativeTime.js";
import utc from "dayjs/plugin/utc.js";
import { DISPLAYABLE_LOCALE_IDS, LOCALE_IDS } from "./i18n.js";
@@ -27,6 +29,7 @@ dayjs.extend(isoWeek);
dayjs.extend(isSameOrAfter);
dayjs.extend(isSameOrBefore);
dayjs.extend(quarterOfYear);
dayjs.extend(relativeTime);
dayjs.extend(utc);
//#endregion