gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 15:49:00 +02:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

feat(website/i18n): translate download button

Browse Source
This commit is contained in:
Elian Doran 2025-10-11 22:34:43 +03:00
parent fc9f2bceb0
commit 6fe261836e
No known key found for this signature in database
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/website/public/translations/en/translation.json
View File

@ -103,5 +103,13 @@
"components": { "components": {
"link_learn_more": "Learn more...", "link_learn_more": "Learn more...",
"list_with_screenshot_alt": "Screenshot of the feature being selected" "list_with_screenshot_alt": "Screenshot of the feature being selected"
},
"download_now": {
"text": "Download now ",
"platform_big": "v{{version}} for {{platform}}",
"platform_small": "for {{platform}}",
"linux_big": "v{{version}} for Linux",
"linux_small": "for Linux",
"more_platforms": "More platforms & server setup"
} }
} }

15
apps/website/src/components/DownloadButton.tsx
View File

@ -4,6 +4,7 @@ import Button from "./Button.js";
import downloadIcon from "../assets/boxicons/bx-arrow-in-down-square-half.svg?raw"; import downloadIcon from "../assets/boxicons/bx-arrow-in-down-square-half.svg?raw";
import packageJson from "../../../../package.json" with { type: "json" }; import packageJson from "../../../../package.json" with { type: "json" };
import { useEffect, useState } from "preact/hooks"; import { useEffect, useState } from "preact/hooks";
import { t } from "../i18n.js";
interface DownloadButtonProps { interface DownloadButtonProps {
big?: boolean; big?: boolean;
@ -24,10 +25,10 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
href={recommendedDownload.url} href={recommendedDownload.url}
iconSvg={downloadIcon} iconSvg={downloadIcon}
text={<> text={<>
Download now{" "} {t("download_now.text")}
{big {big
? <span class="platform">v{packageJson.version} for {recommendedDownload.name}</span> ? <span class="platform">{t("download_now.platform_big", { version: packageJson.version, platform: recommendedDownload.name })}</span>
: <span class="platform">for {recommendedDownload.name}</span> : <span class="platform">{t("download_now.platform_small", { platform: recommendedDownload.name })}</span>
} }
</>} </>}
/> />
@ -37,17 +38,17 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
href="/get-started/" href="/get-started/"
iconSvg={downloadIcon} iconSvg={downloadIcon}
text={<> text={<>
Download now{" "} {t("download_now.text")}
{big {big
? <span class="platform">v{packageJson.version} for Linux</span> ? <span class="platform">{t("download_now.linux_big")}</span>
: <span class="platform">for Linux</span> : <span class="platform">{t("download_now.linux_small")}</span>
} }
</>} </>}
/> />
)} )}
{big && ( {big && (
<a class="more-download-options desktop-only" href="./get-started/">More platforms & server setup</a> <a class="more-download-options desktop-only" href="./get-started/">{t("download_now.more_platforms")}</a>
)} )}
</> </>
) )