Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-03-23 04:10:16 +01:00
Code Issues Packages Projects Releases Activity

client/about dialog: add a link for the build revision

Browse Source
This commit is contained in:
Adorian Doran
2026-03-22 17:21:20 +02:00
parent 19dfbaacce
commit 75da044bbe
2 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/translations/en/translation.json
View File

@@ -2,7 +2,7 @@
"about": {
"version_label": "Version:",
"version": "app: {{appVersion}}, database: {{dbVersion}}, sync protocol: {{syncVersion}}",
"build_info": "{{buildDate}}, revision: {{buildRevision}}",
"build_info": "{{buildDate}}, revision: <buildRevision />",
"contributors_label": "Contributors:",
"data_directory": "Data directory:",
"donate": "Donate"

23
apps/client/src/widgets/dialogs/about.tsx
View File

@@ -11,6 +11,8 @@ import { useTriliumEvent } from "../react/hooks.jsx";
import logo from "../../assets/icon.png";
import { Card, CardSection } from "../react/Card.js";
import "./about.css";
import { Trans } from "react-i18next";
import type React from "react";
export default function AboutDialog() {
const [appInfo, setAppInfo] = useState<AppInfo | null>(null);
@@ -39,17 +41,26 @@ export default function AboutDialog() {
<Card className="property-sheet-card">
<CardSection>
<div>{t("about.version_label")}</div>
<div>
<div className="selectable-text">
{t("about.version", {
appVersion: appInfo?.appVersion,
dbVersion: appInfo?.dbVersion,
syncVersion: appInfo?.syncVersion
})}
<div>
{t("about.build_info", {
buildDate: appInfo?.buildDate ? formatDateTime(appInfo.buildDate) : "",
buildRevision: appInfo?.buildRevision ? appInfo.buildRevision.substring(0, 6) : ""
})}
<Trans
i18nKey="about.build_info"
values={{
buildDate: appInfo?.buildDate ? formatDateTime(appInfo.buildDate) : ""
}}
components={{
buildRevision: <>
{appInfo?.buildRevision && <a href={`https://github.com/TriliumNext/Trilium/commit/${appInfo.buildRevision}`} target="_blank" className="tn-link">
{appInfo.buildRevision.substring(0, 7)}
</a>}
</> as React.ReactElement
}}
/>
</div>
</div>
</CardSection>
@@ -58,7 +69,7 @@ export default function AboutDialog() {
</CardSection>
<CardSection>
<div>{t("about.data_directory")}</div>
<div>
<div className="selectable-text">
{appInfo?.dataDirectory && (<DirectoryLink directory={appInfo.dataDirectory} />)}
</div>
</CardSection>